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

分享一个手机端好用的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>

  

posted @ 2016-12-27 17:36  别安驹  阅读(2813)  评论(0编辑  收藏  举报