javascript - jQuery 和 HTML5 标签？

Question

我目前正在开发一个 HTML5 页面，所以我想使用 jQuery 来实现一些效果。这是我的代码似乎不起作用:

html代码:

        <nav id="mainNavigation">
        <!--....-->
        </nav>

现在是 jQuery:

$('#mainNavigation').click(function(){
   alert("test");
});

由于某种原因，什么也没有发生。当我尝试类似的事情时:

$(document).ready(function(){
    alert("test");
})

一切正常。

感谢您的帮助。

Answer 1

听起来您没有将代码包装在准备好的文档中。这基本上是告诉使用 DOM 运行的代码已准备就绪。

你在做这个吗:

$(document).ready(function() {
    $('#mainNavigation').click(function(){
        alert("test");
    });
});

根据 motoxer4533 的评论，您还可以通过 jQuery 的速记文档就绪来执行此操作:

$(function() {
    $('#mainNavigation').click(function(){
        alert("test");
    });
});