Действительно, очень простой JQuery, не работает :(

Question

Серьезно Простейший код JQuery когда-либо просто не работает

<script type="text/javascript"> 
$(document).ready(function(){ 

$('.codeswitcher').click(function() { 
     alert("You clicked it"); 
}); 

}); 
</script> 

А потом, в моей странице структуры, у меня есть это:

<div class="codeswitcher"> 
<img src="http://mysite.com/images/codeswitcher.png" alt="codeswitcher"> 
</div> 

Это просто 32x32px изображения. и вы можете щелкнуть по нему. Но ничего не происходит! :(Я также изменил мой селектор JQuery для .codeswitcher img и div.codeswitcher, но до сих пор ничего.

у меня есть другой JQuery гр ode также работает на странице просто отлично. Что случилось?

Спасибо!

Джек

Answer 1

Во-первых, вы не сумасшедший, ваш пример кода работает: http://jsfiddle.net/c3e6X/

Проверьте, чтобы увидеть, если у вас есть ошибка JavaScript перед запуском этого кода, просто откройте консоль и смотрите.

Если оно создано динамически, т.е. AJAX, то вы должны использовать .live(), а именно:

$(function() { 
    $('.codeswitcher').live('click', function() { 
    alert("You clicked it"); 
    }); 
});