jQuery weui 滚动加载

jQuery weui 滚动加载

1、把显示加载状态的代码放在需要滚动的容器中

<div class="weui-loadmore"><i class="weui-loading"></i><span class="weui-loadmore__tips">正在加载</span></div>

2、调用js初始化滚动加载插件

$(document.body).inifinite();

3、inifinite()方法接受一个distance参数

$(document.body).inifinite(100);

默认的distance参数的值是50，距离底部50px时显示滚动加载

var loading = false; //状态标记$(document.body).infinite().on("infinite", function() {if(loading) return;loading = true;});

4、内容加载完成之后，可摧毁插件

$(document.body).destroyInfinite()