jQuery .click（）不会触发

Question

我遇到了一个僻静的问题。

突然发生.click（）事件时，我正在使用jQuery为某些东西创建UI。

这个jsFiddle包含所有相关代码：

http://jsfiddle.net/qgz2j/1/

如果您查看代码，可以看到ID为“target”的<div>包含另外两个<div> s，其中一个ID为“red”，另一个ID为“green”。查看关联的CSS，两者的宽度均为100％且重叠，但绿色为display:none;。

如您所见，.click()不会触发，也不会显示警报。但是，使用它可以：

<div id="target" onClick="alert('Clicked!')">
    <div id="red"></div>
    <div id="green"></div>
</div>

感谢您的帮助！

Answer 1

您选择了错误的框架。将其从 Mootools 更改为 jQuery 。

最好将代码包装在ready函数中。

$(function(){     
       $('div#target').click(function() {
            alert('div has been clicked');
        });

});
​ 

工作样本http://jsfiddle.net/qgz2j/4/

Answer 2

现在检查一下你不附加jquery库 {{3P>

Answer 3

在小提琴中，选择框架作为jQuery，它应该工作。 ：P

http://jsfiddle.net/qgz2j/6/

Answer 4

你的代码很好你只是让你的小提琴设置使用MooTools而不是jQuery。看看这个版本：

http://jsfiddle.net/qgz2j/8/

我所做的就是告诉它使用jQuery。