<ul class="tab_cont w">
{pboot:list num=5 order=date}
<li class="item">
<a href="[list:link]" class="linkbox_oneimg">
<div class="leftimg">
<img src="[list:ico]" alt="">
</div>
<div class="rightcont">
<div class="rightcont_title">[list:title]</div>
<div class="rightcont_date">[list:date style=Y-m-d]</div>
</div>
</a>
</li>
{/pboot:list}
</ul>
<ul class="pagelist">
<a class="nextpage" href="{page:next}">下一页</a>
</ul><script src="/assets/h5/js/jquery.js"></script>
<script src="/assets/h5/js/jquery-ias.min.js"></script>
<script type="text/javascript">
var ias = $.ias({
container: ".tab_cont", //包含所有文章的元素
item: ".item", //文章元素
pagination: ".pagelist", //分页元素
next: ".pagelist a.nextpage", //下一页元素
});
ias.extension(new IASSpinnerExtension({
src: "/img/load.gif", //此选项为加载时缓冲图片
html: '<p style="text-align: center;"><img src="{src}"/></p>'
}));
ias.extension(new IASTriggerExtension({
text: '点击加载更多', //此选项为需要点击时的文字
html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',
offset: !1, //设置此项，如 offset:2 页之后需要手动点击才能加载，offset:!1 则一直为无限加载
}));
ias.extension(new IASNoneLeftExtension({
text: '已经加载完成！', // 加载完成时的提示
html: '<p style="text-align: center; cursor: pointer;"><a>{text}</a></p>',
}));
</script><script src="/assets/h5/js/jquery.js"></script> <script src="/assets/h5/js/jquery-ias.min.js"></script>必须放到前面
转载请注明：Pbootcms» 用PbootCms API接口实现Ajax无刷新分页 点击加载更多
标签：
