JavaScript未在页眉或页脚中触发
我正在运行一个简单的on-scroll事件来查看我的JavaScript是否正在启动,但不管它是否在页脚的页眉中,它都不会做任何事情 header.phpJavaScript未在页眉或页脚中触发,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在运行一个简单的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><
<header id="masthead" class="site-header" role="banner">
<script type="text/javascript" src="assets/src/js/load-more.js"></script>
</header><!-- #masthead -->
<script type="text/javascript" src="assets/src/js/load-more.js"></script>
想法?我遗漏了什么吗?我测试了这段代码,它运行正常,问题可能是:
- 您正在使用由JQuery库定义的$selector,因此需要在脚本之前包含JQuery,否则将导致错误,因为将不会定义“$”选择器
- 你没有足够的滚动来触发if条件,这对我来说似乎很奇怪,但是如果没有看到你的HTML页面,我就说不出来了
因此,在我看来,选项1似乎最有可能,在浏览器中打开开发者控制台,看看javascript是否抛出任何错误。您是否检查了呈现的html以查看php在哪里填充了代码?您也可以尝试包装
$(窗口)。在$(文档)内滚动。准备(function(){$(winodw)。滚动…
。检查外部.js文件是否正在加载的最简单方法是将警报(“加载更多”)
放在文件的最顶端(作为第一行)。或者您可以检查浏览器网络选项卡和控制台是否有错误。
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
alert("near bottom!");
}
});