苹果机上真机测试没问题,一切正常;
安卓机上真机测试,加载的内容区域无法向上拖动,经过测试,双击向上滑动可以上拉,但还是卡,求大神帮忙找找问题出在哪里?
界面结构:
<div class="mui-content mui-scroll-wrapper" id="pullrefresh" style="width: 90%;margin: 0 auto;">
<div class="mui-scroll">
<div class="mui-card click-detail" id="firstBox"></div>
<div class="tuij-bot"></div>
<!--tuij-bot-->
</div>
<!--mui-scroll-->
</div>
=====================js==============================
mui.init({
pullRefresh: {
container: "#pullrefresh", //待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
// down: {
// callback: pulldownRefresh
// },
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});
if(mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
}, 1000);
});
} else {
mui.ready(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
});
}
/**
-
上拉加载具体业务实现
*/
function pullupRefresh() {
setTimeout(function() {
pullfreshFunction();
}, 1500);
}
var count = 5;
function pullfreshFunction() {
$.ajax({
type: "post",
url: 'http://www.toeflonline.cn/cn/app-api/reference-page',
async: true,
dataType: "json",
data: {
catId: 137,
pageSize: count,
page: 1}, success: function(data) { jQuery("#firstBox").html(""); jQuery(".tuij-bot").html(""); count = count + 10; mui('#pullrefresh').pullRefresh().endPullupToRefresh((count > data.count)); //参数为true代表没有更多数据了。 var content = ''; var firstStr = '<div class="mui-card-content">' + '<img src="http://www.toeflonline.cn' + data.data[0].image + '" />' + '<h4>' + data.data[0].name + '</h4>' + '</div>' + '<div class="mui-card-footer">' + '<p>发布于' + formatDate(data.data[0].createTime) + '</p>' + '<p><span><img src="images/myimages/Toeflxiaoxi@2x.png" width="20px"/>' + data.data[0].viewCount + '</span></p>' + '</div>'; jQuery("#firstBox").attr("data-id", data.data[0].id); jQuery("#firstBox").append(firstStr); var imgStr = ''; for(var i = 1; i < data.data.length; i++) { if(data.data[i].image) { imgStr = "http://www.toeflonline.cn" + data.data[i].image; } else { imgStr = 'images/myimages/place.jpg'; } content += '<div class="mui-row click-detail" data-id="' + data.data[i].id + '">' + '<div class="mui-col-sm-4 mui-col-xs-4">' + '<img src="' + imgStr + '" />' + '</div>' + '<div class="mui-col-sm-8 mui-col-xs-8">' + '<div style="width: 95%;">' + '<div class="mui-ellipsis">' + data.data[i].name + '</div>' + '<p>发布于' + formatDate(data.data[i].createTime) + ' <span style="float: right;"><img src="images/myimages/Toeflxiaoxi@2x.png" width="20px"/>' + data.data[i].viewCount + '</span></p>' + '</div>' + '</div>' + '<div class="mui-clearfix"></div>' + '</div>'; } jQuery(".tuij-bot").append(content); }
});
}
1 个回复
1***@qq.com (作者)
已解决 纯属个人代码问题 多写了个init初始化