javascript - 按 ID 获取元素不起作用

Question

非常简单的问题:

我有这个 HTML:

<div id="test" style="border: 1px solid red; width: 300px;">
    Some text
</div>

这个 JS 在一个单独的 .js 文件中:

$('#test').hover(function(){
    alert('it's working');
});

我没有从 Fire Bug 中得到任何错误，并且我在谷歌上搜索了很多关于这个的信息。请帮忙:为什么我的代码不起作用？

提前致谢

Answer 1

您需要等到 DOM 加载完毕，否则，您的 javascript 将在 #test 存在之前运行。您可以通过将代码包装在 ready 函数中来做到这一点，如下所示:

$(document).ready( function() {
    $('#test').hover(function(){
        alert("it's working");
    });
};

这是一个很容易被忽视的棘手问题，因为您实际上不会通过对空选择进行操作而从 jQuery 中得到错误。

或者，您可以简单地将脚本移动到页面底部，以便它在其余 DOM 加载后执行，但我更喜欢这种方式。