最新消息: 新版网站上线了!!!

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>

js部份 引入

&lt;script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="__STATIC__/mobile/js/jquery-ias.min.js"&gt;&lt;/script&gt;

调用方法


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>'}));

下载地址

下载链接

转载请注明:谷谷点程序 » thinkphp ajax分页加载更多最简单的实现方法