需要引用dropload.min.js
html:
<div class="page-content">
<div class="page__bd" id="listwrap">
<div class="inner" id="Tolist">
存放数据,随便编辑
</div>
<div class="weui-loadmore dropDown">
<span class="weui-loadmore__tips">↑上拉加载更多</span>
</div>
<div class="weui-loadmore loading">
<i class="weui-loading"></i>
<span class="weui-loadmore__tips">正在加载</span>
</div>
</div>
</div>
js:
var statics = 0;
var pages = 1;
var sizes = 4;
var loading = false; //状态标记
$(function () {
loadlist();
})
var windowHeight = $(window).height(),$body = $("body");
$body.css("height", windowHeight);
$("body").bind({
touchstart:function(e){
/*e.preventDefault();*/
e.stopPropagation();
startX = e.originalEvent.changedTouches[0].pageX,
startY = e.originalEvent.changedTouches[0].pageY;
},
touchmove:function(e){
$(".dropload-down").remove();
// console.log("touch:",page)
/*e.preventDefault();*/
e.stopPropagation();
moveEndX = e.originalEvent.changedTouches[0].pageX,
moveEndY = e.originalEvent.changedTouches[0].pageY,
X = moveEndX - startX,
Y = moveEndY - startY;
if( Math.abs(Y) > Math.abs(X) && Y < 0 ) {
makeFun();
}
}
});
$("#listwrap").infinite().on("infinite", function () {
makeFun();
});
// =======加载数据loadlist();
function loadlist(){
var html = "";