上拉加载和hello mui中的用法一样。。只是我在处理完数据插入到DOM后,“上拉显示更多“的提示文字一直在顶部。。正常应该不是在底部么。。
<div id="list">
<ul class="mui-table-view"></ul>
</div>
var pages = 1;
var listTable = document.body.querySelector('.mui-table-view');
mui.init({
swipeBack:false, //启用右滑关闭功能
//下拉刷新
pullRefresh: {
container: "#lists",
up:{
auto:true,
contentrefresh : "正在加载...",
contentnomore : '没有更多数据了',
callback : pullUpfresh
}
}
});
//上拉加载过程
function pullUpfresh(){
mui.ajax("http://m.dcloud.com/plus/app/index.php",{
data:{Cid:"206",Page:pages},
dataType:"html",
timeout:15000,
success:function(echo) {
mui('#lists').pullRefresh().endPullupToRefresh();
if(echo && echo.length > 0) {
++pages;
listTable.insertAdjacentHTML("beforeEnd",echo);
console.log(pages);
}
},
error:function(xhr,type,errorTxt){
console.log(errorTxt);
}
});
}
h***@163.com
+1
2018-08-20 10:12
4***@qq.com
感谢,这样就可以解决了
2018-11-13 16:13
2***@qq.com
解决了,敢问原理是什么?
2020-08-18 20:27