非常非常简单的jQuery，它不'；t工作：(

说真的，最简单的jQuery代码根本不起作用

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

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

});
</script>

$（文档）.ready（函数（）{
$（'.codeswitcher'）。单击（函数（）{
警报（“你点击了它”）；
});
});

然后，在我的页面结构中，我有：

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

这只是一个32x32px的图像。你可以点击它。但是什么也没有发生！：（我还将我的jQuery选择器更改为

.codeswitcher img

和

div.codeswitcher

，但仍然没有

我还有其他jQuery代码在页面上运行得很好。出什么问题了

谢谢

---

Jack

首先，你没有疯，你的示例代码是有效的：

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

如果它是动态创建的，例如AJAX，那么您应该改为使用，如下所示：

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

---

JSFIDLE看起来像一个整洁的网站！顺便说一句，感谢您的确认。问题是它是由Ajax生成的。感谢您让我知道，我不知道在这样的情况下您必须选择不同的网站！但在接下来的9分钟内无法接受您的答案…但是，谢谢：）@Jack-选择器在当时运行，并将一个

单击

处理程序附加到它找到的元素上…这只是没有找到：）更多解释：

.live（）

侦听事件冒泡到

文档

…因为新的和旧的元素以相同的方式冒泡事件，添加它们的时间无关紧要。检查jquery是否有冲突！