是什么导致document.ready函数为null？

Question

我正在使用以下脚本：

script type="text/javascript">
    $(document).ready(function () {
    $('li:last-child').hover(function () {
        $('#test').addClass('transparent'); //mouseover
    }, function () {
        $('#test').removeClass('transparent'); //mouseout
    });
});
</script>

使用以下HTML布局：

<body onload="javascript that makes the menu...">
    <div id="menu" //this houses the li elements that are created by the javascript></div>
    <div id="test">

本质上，我有一个JavaScript来创建一个充满li元素的菜单。 这些元素中的最后一个应该能够通过在悬停时进行id测试来更改div的不透明度。 相关的css如下：

.transparent{
        opacity: 0 !important;
}

但是由于某种原因，此代码无法正常工作。 在浏览器控制台中进行检查会给我带来TypeError，即在上面显示的javascript启动行中，$（...）为null。 是什么导致此错误，我该如何解决？

Answer 1

也许您的JQuery库未加载或发生冲突。 您是否尝试过使用jQuery（document）代替$（document）？ 它具有相同的行为吗？ 如果有的话，我建议您查看一下库的路径（如果正确的话）。

Answer 2

看来jQuery没有及时加载。 要解决此问题，请确保在脚本运行之前加载jQuery。 另外，请确保在您描述的错误之前没有发生JavaScript错误。 （您可以通过在大多数浏览器中按F12来打开JavaScript控制台来进行检查。）

因此，您的代码可能看起来像这样：

<!-- Load jQuery -->
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- Now do stuff with jQuery -->
<script type="text/javascript">
    $(document).ready(function () {
       ...
    });
</script>

注意：或者，某些事情可能会重新定义$ 。 我认为这不太可能，但是有可能您正在某个地方执行某些代码。

是什么导致document.ready函数为null？

问题描述

2 个解决方案

解决方案1
1 已采纳 2015-01-06 23:21:49

解决方案2
1 2015-01-06 23:46:32

是什么导致document.ready函数为null？

问题描述

2 个解决方案

解决方案1 1 已采纳 2015-01-06 23:21:49

解决方案2 1 2015-01-06 23:46:32

解决方案1
1 已采纳 2015-01-06 23:21:49

解决方案2
1 2015-01-06 23:46:32