无限滚动javascript未运行

无限滚动javascript未运行,javascript,jquery,infinite-scroll,Javascript,Jquery,Infinite Scroll,我试图使用这个问题中给出的代码向页面添加无限滚动功能,但是当我滚动到页面底部时,什么也没有发生。以下是代码,您无需遵循链接: <script type="text/javascript"> alert("popup!"); $(window).scroll(function() { if($(window).scrollTop() + $(window).height() > $(document).height() - 100) { ale

我试图使用这个问题中给出的代码向页面添加无限滚动功能,但是当我滚动到页面底部时,什么也没有发生。以下是代码,您无需遵循链接:

<script type="text/javascript"> 
alert("popup!");    
$(window).scroll(function() {   
   if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
       alert("bottom!");
   }
});  
</script>

警报(“弹出!”);
$(窗口)。滚动(函数(){
if($(窗口).scrollTop()+$(窗口).height()>$(文档).height()-100){
警报(“底部!”);
}
});  

我在第一个警报中添加了警告,以检查是否只是我的浏览器阻止了警报,但它显示良好。服务器还安装了jquery1.7.2分钟,页面正确,因此我认为这不是安装问题

可能scroll事件按照您的语法正确触发,请尝试以下操作:

$(window).on('scroll', function () { 
  if ($(window).height() + $(window).scrollTop() >= $(document).height() - 100) {
    alert('do stuff');  
  }
});

在你回复我的评论后,你说你得到了


在控制台选项卡中,我得到了未捕获的引用error:$未定义

我猜,您没有在页面的标题中包含jQuery(这需要在每个页面的
中)

原始评论:


尝试将
console.log($(窗口).height()+“”+($(文档).height()-100))
放入该循环中,在chrome中打开它,右键单击->元素检查器,打开控制台选项卡,该选项卡将告诉您每个循环的值,应该可以帮助您诊断问题。如果没有任何跟踪,事件没有触发

在这里工作正常尝试将
console.log($(window.height()+“”+($(document.height()-100))
放入该循环中,在chrome中打开它,右键单击->元素检查器,打开控制台选项卡,它将告诉您每个循环的值,这将帮助您诊断问题。如果你找不到任何线索,事件就不会发生。对我来说似乎没问题。。在控制台选项卡中,我得到了
uncaughtreferenceerror:$未定义
我添加了一个可能有帮助的答案。我复制了这个,但它仍然没有弹出。我试着在头文件中插入头标记,在页脚文件中使用其他javascript,什么都没有。然后不是滚动代码被破坏了。如果您正在运行Chrome,请打开inspector并单击CONSOLE选项卡。我认为您的javascript在窗口滚动代码之前的某个地方崩溃了,这意味着您的窗口滚动代码永远不会启动。找到您的运行时javascript错误,修复它们,然后重试。出于某种原因,我尝试将其添加到页眉,但不起作用,我尝试将其添加到正文中脚本的正上方,但不起作用,我将滚动脚本和jquery include添加到页脚,但都不起作用,然后我把它们放回我的身体里,就在我有它们的地方,现在它工作得很好。现在我使用的jquery包含在正文中的位置与我第一次尝试它时的位置完全相同,而且我没有在它上面的任何位置使用它,但突然它工作了。然后,您可能希望将jquery函数放在这个函数
window.onload=function(){/*我的代码或函数调用在这里*/}
这将确保在尝试执行任何脚本之前已加载所有内容。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
if (typeof jQuery != 'undefined') {
    alert("jQuery library is loaded!");
}else{
    alert("jQuery library is not found!");
}