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");
    });
});

Answer 2

嘗試：

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

要么

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

Answer 3

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