<div id="xkxk"><a href="javascript:dr_loading();">加载完毕</a></div>
<script>
var dr_page = 1;
var nums = {$nums};
$('#xkxk').hide();
$(window).scroll(function(event) {
if ($(document).scrollTop() + $(window).height() >= $(document).height()) {
dr_page++; // 加载下一页的意思
$.get('{SITE_URL}index.php?s={MOD_DIR}&c=api&m=template&name=txt-list-data.html&catid={$catid}&page='+dr_page,
function (html) {
$('.txt-list-data').append(html); // 将返回的内容追加到内容区域
// 将返回的内容追加到内容区域
});
if (dr_page >= nums) {
$('#xkxk').show();
}//判断 当前页是否大于总页数
}
});
</script>最近有个客户 有需求 自动加载下一页 没有了提示加载完毕。 另类的实现。欢迎高手再来指教 更好的办法
$(document).ajaxStart(function(){ $(".xkxk").replaceWith("<a href='javascript:;'>正在加载…</a>") }).ajaxStop(function(){ $(".xkxk").replaceWith("<a href='javascript:dr_loading;'>加载更多</a>") })