您的位置：首页 > 编程语言 > PHP开发

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

2017-08-23 09:21 316 查看

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航