无限滚动加载内容两次

Infinite Scroll Loading Content Twice

本文关键字：两次 滚动 加载 无限      更新时间：2023-09-26

当用户滚动到页面底部时，我有以下javascript来加载内容，但它似乎加载内容两次。什么好主意吗?

var page = <?php echo $next; ?>;
$(window).scroll(function() 
{
    if($(window).scrollTop() + $(window).height() >= $(document).height() - 1) 
    {
        $('div#loadmoreajaxloader').show();
        $.ajax({
            url : "view.php?q=<?php echo $category; ?>&page="+page
            }).done(function(html){
                $('div#loadmoreajaxloader').hide();
                var links = $(html).find('#links');
                $("#content").append(links);
                page = page+1;
                changeUrlParam('page', page);
            })
        }
    })

页面计数器放错地方了。下面的工作:

var page = <?php echo $next; ?>;
$(window).scroll(function() 
{
    if($(window).scrollTop() + $(window).height() >= $(document).height() - 1) 
    {
        $('div#loadmoreajaxloader').show();
        $.ajax({
            url : "view.php?q=<?php echo $category; ?>&page="+page
            }).done(function(html){
                $('div#loadmoreajaxloader').hide();
                var links = $(html).find('#links');
                $("#content").append(links);
                changeUrlParam('page', page);
            })
            page=page+1;
        }
    })
相关文章：