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的简写Document ready来做到这一点:

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