Question

我想要实现的目标基本上是创造一种＆＃39;我的single.php（wordpress）文件中的无限滚动。我不想使用无限滚动插件，因为如果应用于single.php它或者不会工作，或者它会创建关于URL的故障。相反，我想使用jquery来检测用户是否已到达页面底部，然后以某种方式将操作初始化为＆＃34;单击＆＃34;关于下一篇文章＆＃39;链接。在编码方面，我还处于起步阶段，所以目前我只设法创建底部检查代码而且卡住了。关于如何完成这个的任何建议？

$(document).ready(function() {
    $(window).scroll(function() {
        if($(window).scrollTop() + $(window).height() == $(document).height()) {
            alert("bottom!");
        }
    });
});

Answer 1

您可以使用点击方法http://api.jquery.com/click/

伪造click

$( "#target" ).click();

（暗示您的＆＃34;加载更多＆＃34;链接有一个属性id="target"

Answer 2

你所拥有的确实是正确的。

我建议您检查JavaScript控制台是否有错误，并确保它是您正在滚动到的页面的底部，而不是内容div。另外，尝试减少底部的像素数，因此它会在页面底部之前初始化：

$(document).ready(function() { $(window).scroll(function() { if($(window).scrollTop() + $(window).height() == $(document).height() - 100) { alert("bottom!"); } }); });

（请注意- 100）

此外，如果你正在使用WordPress，jQuery应引用jQuery()而非$()，除非你将其作为document.ready中的变量传递电话，你似乎没有。

在页面底部初始化jquery操作

2 个答案: