JavaScript/jQuery未触发滚动事件

JavaScript/jQuery未触发滚动事件,javascript,jquery,wordpress,scroll,Javascript,Jquery,Wordpress,Scroll,我正试图通过jQuery和JavaScript为我正在开发的wordpress站点触发scroll事件 $(window).scroll(function() { var hT = $('#target').offset().top; hH = $('#target').outerHeight(); wH = $(window).height(); wS = $(this).scrollTop(); console.log((hT-wH) ,

我正试图通过jQuery和JavaScript为我正在开发的wordpress站点触发scroll事件

$(window).scroll(function() {
   var hT = $('#target').offset().top;
       hH = $('#target').outerHeight();
       wH = $(window).height();
       wS = $(this).scrollTop();
   console.log((hT-wH) , wS);
   if (wS > (hT+hH-wH)){
       console.log('working');
   }
});
控制台上什么也没发生。以下代码不起作用:

$(window).scroll(function() {
    console.log('scrolling');
});
这也不是:

function scrollFunction() {
    console.log('scrolling');
}

window.onscroll = scrollFunction;
我已经在其他非wordpress项目上测试过这些行,即使是在codepen中,它们也能工作。我错过了什么

我正在使用jquery12.2.2。此外,在同一个项目中,出于同样的目的,我无法生成work Waypoints.js,正如我在中发布的那样

非常感谢您的帮助,谢谢

你试过这个吗

<script>
window.onscroll = function() {scrolling()};

function scrolling() {
console.log("Scrolling");
}
</script>

window.onscroll=function(){scrolling()};
函数滚动(){
console.log(“滚动”);
}
试试下面的代码…:)

已替换
$(窗口)。滚动(函数(){})
$(窗口)。在('scroll',function(){})上


你有没有把代码收起来?也许其他一些JavaScript与jQuery冲突,并且使用了$symbol

e、 g.这样包装它以确保$jQuery:

(function($){

  $(window).scroll(function() {
     var hT = $('#target').offset().top;
         hH = $('#target').outerHeight();
         wH = $(window).height();
         wS = $(this).scrollTop();
     console.log((hT-wH) , wS);
     if (wS > (hT+hH-wH)){
         console.log('working');
     }
  });

})(jQuery);

如果您的基本脚本不起作用,我想您可能在页面的其他地方有冲突,或者您试图在jQuery加载之前运行脚本?尝试将其包装在
$(document.ready(function(){})中您的代码看起来正常。包括jquery吗?您的代码是否存在(可能是浏览器从缓存提供页面)?第页还有其他错误吗?您是否尝试过打开控制台(f12)并在那里粘贴第二个脚本-$(窗口).scroll(函数(){console.log('scrolling');});(工作正常)?我的钱在支票上,或者在这部分脚本之前的其他错误。我尝试了你的代码。。。工作完美。问题在别处,比如没有加载jQuery或者没有id=“target”的元素。嘿,谢谢。控制台没有显示更多的错误,我正在同一个文档上使用jQuery执行其他操作,该文档具有
$(document.ready(function(){})这样做很好。我不认为这是缓存,因为我在本地开发,在浏览器上禁用了缓存。我尝试了@zoidea,在控制台上粘贴第二个脚本,它返回一个窗口对象,但不在控制台上记录任何内容。我不知道发生了什么事!我对wordpress不太了解,可能有什么事吗?谢谢您可以在此事件之前绑定另一个事件,以某种方式阻止其余事件。。。我失去了主意:)。如果脚本在控制台上不工作,则会出现一些奇怪的情况(您可以在堆栈溢出上按f2键并运行它,您将看到它工作正常)。可能是某种冲突(例如,一些lib覆盖jquery$并破坏东西)。正如@Paul Crozer建议的那样。关于缓存,即使它被缩小了也很容易检查,只需提醒脚本中的某些内容并查看是否出现。如果缓存不是问题,您将看到警报。这可能无法解决问题,但可能是一个有效的原因+1。也欢迎来到SO。@zozo是的!这是有道理的,但我如何检查这一点?我运行的所有其他jQuery函数都工作得很好!试试上面的答案:)。还有,我试过保罗的答案,但什么也没有。但是,我不确定如何使用jQuery的
实例。我是否检查窗口是否是jQuery对象?谢谢保罗和@zozo@zozo好的,我用这个方法检查了窗口是否是jQuery,它是否是jQuery。不知道这是什么意思
(function($){

  $(window).scroll(function() {
     var hT = $('#target').offset().top;
         hH = $('#target').outerHeight();
         wH = $(window).height();
         wS = $(this).scrollTop();
     console.log((hT-wH) , wS);
     if (wS > (hT+hH-wH)){
         console.log('working');
     }
  });

})(jQuery);