真的，非常简单的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代码也在页面上运行就好了。出了什么问题？

谢谢！

杰克

Answer 1

首先，你并不疯狂，你的示例代码有效：http://jsfiddle.net/c3e6X/

在此代码运行之前检查您是否有JavaScript错误，只需打开控制台并查看。

如果创建动态，例如AJAX然后你应该使用.live()，如下所示：

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