jQuery .click（）不会触发

Question

我有一个僻静的问题。 突然.click（）事件停止触发时，我正在使用jQuery创建某些内容的UI。

该jsFiddle具有所有相关代码：

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

如果你看一下代码，你可以看到一个<div> ID为“目标”包含两个其它<div> S，一个ID为“红色”和一个ID为“绿色”。 查看关联的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库http://jsfiddle.net/qgz2j/3/

Answer 3

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

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

Answer 4

您的代码很好，您只是设置了小提琴即可使用MooTools而不是jQuery。 看一下这个版本：

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

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