联系官方销售客服

1835022288

028-61286886

POSCMS分享经验 版主:论坛审计组
瀑布流 判断最后一页
类型:POSCMS 更新时间:2019-01-17 00:09:58
          <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>
最近有个客户  有需求 自动加载下一页 没有了提示加载完毕。  另类的实现。欢迎高手再来指教 更好的办法
回帖
  • 林智学
    #1楼    林智学
    2019-01-17 00:09:58
    0
    $(document).ajaxStart(function(){
        $(".xkxk").replaceWith("<a href='javascript:;'>正在加载…</a>")
    }).ajaxStop(function(){
        $(".xkxk").replaceWith("<a href='javascript:dr_loading;'>加载更多</a>")
    })