分享一个手机端好用的jquery ajax分页类

时间:2021-06-05 07:11:31

分享一个手机端好用的jquery ajax分页类 jquery-ias.min.js

1,引入jquery-ias.min.js

2,调用ajax分页

<script type="text/javascript">
var ias = $.ias({
container: "#slider",//分页最外层容器
item: ".li_list",//分页容器
pagination: "#pagination",
next: "#example1_next a"
});
ias.extension(new IASTriggerExtension({offset: 2}));//2次加载后出现 手动加载按钮
ias.extension(new IASSpinnerExtension());
ias.extension(new IASNoneLeftExtension({html: '<div style="text-align:center;height:60px;"><p><em>己经加载完了</em></p></div>'}));
</script>

3,注意一点$page 正常下的分页变量

<div class="page" style="display: none;" id="page">{$page}</div>