теги 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");
    });
});

Answer 2

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

Answer 3

Попробуйте:

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

или

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