无限滚动两次加载内容答案

【问题标题】：Infinite Scroll Loading Content Twice无限滚动两次加载内容
【发布时间】：2015-09-05 11:09:58
【问题描述】：

当用户滚动到页面底部时，我有以下 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);
            })
        }

    })

【问题讨论】：

如果我滚动非常非常缓慢，它实际上似乎可以正常工作....

标签： javascript jquery scroll infinite-scroll

【解决方案1】：

我的页面计数器放错了位置。以下工作：

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

    })

【讨论】：