Действительно, действительно простой 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>

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

У меня есть другой код jQuery, который также отлично работает на странице. Что не так?

Спасибо!

Jack

Answer 1

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

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

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

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