无限滚动不起作用,没有错误信息

时间:2017-02-18 18:56:06

标签: javascript jquery html css

我一直试图制作无限滚动插件,但它根本就没有。我尝试了几个插件,它根本不会对所有页面产生影响。它不像是说错误信息;没有任何反应。

这是Infinite Scroll配置页面:

This is the Infinite Scroll Plugin configuration page.

我只需要描述我的网站的正确选择器并将其设置在插件上。然后它应该自动开始无限滚动我的索引页面帖子。

这是我的网站代码:

{{1}}

非常感谢任何帮助。

如果您想查看我的网站代码,请点击以下链接:http://goiasverdade.com.br

非常感谢!

1 个答案:

答案 0 :(得分:0)

我访问了您的网站,并且基于博客类型或列表,我建议您尝试使用此代码。

你的jQuery应该是:

$(document).ready(function() {
    var win = $(window);

    // Each time the user scrolls
    win.scroll(function() {
        // End of the document reached?
        if ($(document).height() - win.height() == win.scrollTop()) {
            $('#loading').show();

            $.ajax({
                url: 'get-post.php',
                dataType: 'html',
                success: function(html) {
                    $('#posts').append(html);
                    $('#loading').hide();
                }
            });
        }
    });
});

你的html应该是

<ul id="posts">
<li>
    <article>content</article>
</li>

</ul>

<p id="loading">
    <img src="images/loading.gif" alt="Loading…" />
</p>