Question

我有这个javascript代码：

    jQuery("document").ready(function ($) {

    var nav = $('.menu-container');

    $(window).scroll(function () {
        if ($(this).scrollTop() > 650) {
            nav.addClass("f-nav");
        } else {
            nav.removeClass("f-nav");
        }
    });

});

所以，它一直在工作，直到今天，我没有进行任何特殊的编辑可能会中断它。在我的浏览器控制台中，我得到了304 Not Modified;我禁用了缓存，它改为200 OK，但文件NEVER执行。可能是什么问题呢？链接到我的网站：http://www.gameplay-universe.uphero.com/灰色菜单应在向下滚动一定像素数后修复。

Answer 1

jQuery("document")将选择元素 <document>。您想要选择文档本身。 jQuery(document)（请参阅删除的引号）。

Answer 2

您可能需要将function ($)更改为function()

第一行可能是：

$( document ).ready(function() {

希望这有帮助。

Answer 3

jQuery("document")搜索<document></document>个元素。您的DOM中没有此类节点，其中没有ready个事件。 jQuery(document)将返回document的jQuery对象，并将触发jQuery特殊ready事件。

将您的代码更改为：

jQuery(document).ready(function ($) {
//...
});

或（更好）

jQuery(function ($) {
//...
});

Answer 4

发现问题。这是html, body { height: 100%; overflow-x: hidden; }的CSS问题...所以我只是将其重新格式化为：html, body { overflow-x: hidden; } body { height: 100%; }。

JavaScript文件无法执行

4 个答案: