<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/moment.js/2.11.2/moment.min.js"></script>
<script src="http://cdn.bootcss.com/moment.js/2.11.2/locale/zh-cn.js"></script>
<script src="js/common.js"></script>
<script src="js/mui.lazyload.js"></script>
<script src="js/mui.lazyload.img.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/app.css" />
<style>
.title {
margin: 20px 15px 10px;
color: #6d6d72;
font-size: 15px;
}
.oa-contact-cell.mui-table .mui-table-cell {
padding: 11px 0;
vertical-align: middle;
}
.oa-contact-cell {
position: relative;
margin: -11px 0;
}
.oa-contact-cell img {
width: 100%;
border-radius: 10px;
}
.oa-contact-avatar {
width: 75px;
}
.oa-contact-avatar img {
border-radius: 50%;
}
.oa-contact-content {
width: 100%;
}
.oa-contact-name {
margin-right: 20px;
}
.oa-contact-name,
oa-contact-position {
float: left;
}
</style>
</head>
<body>
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll mui-control-content" id="tabbar-with-contact">
<!--数据列表-->
<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="live_list">
</ul>
</div>
</div>
<script type="text/javascript" charset="UTF-8">
var live_list = $("#live_list");
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
var p = 1;
var type = 0;
function pulldownRefresh() {
mui.ajax({
type: "get",
url: _baseUrl + "/LongYan/get_vod_list.jsp",
data: {
p: "1",
size: "20"
},
async: true,
dataType: "json",
success: function(data) {
p = 2;
live_list.html("");
$.each(data.list, function(index, _data) {
var html = '<li class="mui-table-view-cell">' +
'<div class="mui-slider-cell">' +
'<div class="oa-contact-cell mui-table">' +
'<div class="mui-table-cell">' +
'<a href="javascript:live_play(\'' + _data.vid + '\');">' +
'<img src="' + _data.vpic + '">' + '</a>' +
'</div></div></div></li>';
live_list.append(html);
});
mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
mui('#pullrefresh').pullRefresh().refresh(true);
}
});
}
function pullupRefresh() {
mui.ajax({
type: "get",
url: _baseUrl + "/LongYan/get_vod_list.jsp",
data: {
p: p,
size: "20"
},
async: true,
dataType: "json",
success: function(data) {
p++;
mui('#pullrefresh').pullRefresh().endPullupToRefresh((p > data.totalPage)); //参数为true代表没有更多数据了。
$.each(data.list, function(index, _data) {
var html = '<li class="mui-table-view-cell">' +
'<div class="mui-slider-cell">' +
'<div class="oa-contact-cell mui-table">' +
'<div class="mui-table-cell">' +
'<a href="javascript:live_play(\'' + _data.vid + '\');">' +
'<img src="' + _data.vpic + '">' + '</a>' +
'</div></div></div></li>';
live_list.append(html);
});
}
});
}
if(mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
}, 500);
});
} else {
mui.ready(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
});
}
</script>
</body> </html>
//播放
function live_play(lid) {
plus.storage.setItem(_live_id, lid);
mui.openWindow({
id: 'live_play',
url: 'live_play.html'
});
}
如上代码，安卓下面正常，IOS下面就失效了，链接点不动，取消下拉刷新的相关代码，一切恢复正常
0 个回复