100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > select weui 动态加载数据_jQuery WeUI 组件下拉刷新和滚动加载的实现

select weui 动态加载数据_jQuery WeUI 组件下拉刷新和滚动加载的实现

时间:2022-12-25 03:40:32

相关推荐

select weui 动态加载数据_jQuery WeUI 组件下拉刷新和滚动加载的实现

varpages = 1;varsizes = 4;varloading =false;//状态标记

$(function () {

loadlist();

})//=========================下拉刷新

$("#listwrap").pullToRefresh().on("pull-to-refresh", function () {

setTimeout(function () {

pages= 1;

$("#Tolist").html("");

loadlist();if(loading) loading =false;

$("#listwrap").pullToRefreshDone();//重置下拉刷新

},1500);//模拟延迟

});//============================滚动加载

$("#listwrap").infinite().on("infinite", function () {if(loading)return;

loading=true;

pages++;//页数

$('.weui-loadmore').show();

setTimeout(function () {

loadlist();

loading=false;

},2500);//模拟延迟

});//=======加载数据loadlist();

function loadlist() {varhtml ="";

$.ajax({

type:"POST",

url:"/Index/Index",

data: {'page': pages,'size': sizes },

dataType:"json",

error: function (request) {

$(".weui-loadmore").hide();

html+="

已无更多数据";

$("#Tolist").append(html);

},

success: function (data) {if(data.List.length > 0) {for(vari = 0; i < data.List.length; i++) {

html+='

';

html+='

';

html+=''+ data.List[i].Name +'';

html+='

';

html+='

';

}

$("#Tolist").append(html);

}else{

html+="

已无更多数据";

$("#Tolist").append(html);

loading=true;

}

$(".weui-loadmore").hide();

}

});

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。