我一直试图制作无限滚动插件,但它根本就没有。我尝试了几个插件,它根本不会对所有页面产生影响。它不像是说错误信息;没有任何反应。
这是Infinite Scroll配置页面:
我只需要描述我的网站的正确选择器并将其设置在插件上。然后它应该自动开始无限滚动我的索引页面帖子。
这是我的网站代码:
{{1}}
非常感谢任何帮助。
如果您想查看我的网站代码,请点击以下链接:http://goiasverdade.com.br
非常感谢!
答案 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>