thinkphp ajax分页加载更多最简单的实现方法

<div class="li_list">
 
<volist name="list" id="vo">
<div class="line-wrapper">列表内容:{$vo.name}</div>
</volist>
</div>
<div class="page" style="display: none;" id="page">{$page}</div>

<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="__STATIC__/mobile/js/jquery-ias.min.js"></script>

调用方法

 var ias = $.ias({
        container: ".li_list",
        item: ".line-wrapper",
        pagination: "#pagination",
        next: "#example1_next a"
    });
    ias.extension(new IASTriggerExtension({offset: 2}));
    ias.extension(new IASSpinnerExtension());
    ias.extension(new IASNoneLeftExtension({html: '<div style="text-align:center;height:60px;"><p><em>己经加载完了</em></p></div>'}));

完整

<div class="li_list">
 
<volist name="list" id="vo">
<div class="line-wrapper">列表内容:{$vo.name}</div>
</volist>
</div>
<div class="page" style="display: none;" id="page">{$page}</div>
 
<script type="text/javascript">
    var ias = $.ias({
        container: ".li_list",
        item: ".line-wrapper",
        pagination: "#pagination",
        next: "#example1_next a"
    });
    ias.extension(new IASTriggerExtension({offset: 2}));
    ias.extension(new IASSpinnerExtension());
    ias.extension(new IASNoneLeftExtension({html: '<div style="text-align:center;height:60px;"><p><em>己经加载完了</em></p></div>'}));
</script>