Question

我正在运行一个简单的on scroll事件，以查看我的JavaScript是否正在触发，但是无论是否在页脚的标头中，它都不会做任何事情？

header.php

<header id="masthead" class="site-header" role="banner">
    <script type="text/javascript" src="assets/src/js/load-more.js"></script> 
</header><!-- #masthead -->

footer.php

<script type="text/javascript" src="assets/src/js/load-more.js"></script>

load-more.js

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

想法？我是否遗漏了一些东西？

Answer 1

我测试了这段代码，它可以工作，问题可能是其中之一：

您正在使用$选择器，该选择器由JQuery库定义，因此您需要在脚本之前包含JQuery，否则将导致错误，因为未定义“ $”选择器。 / p>
您没有滚动足够多的时间来触发if条件，这对我来说似乎很奇怪，但是却看不到我的HTML页面。

因此，我认为选项1最有可能出现，请在浏览器中打开开发者控制台，看看javascript是否引发任何错误。

JavaScript无法在页眉或页脚中触发

1 个答案: