2012-08-09 141 views
0

我有一个隐蔽的问题。当我突然发现.click()事件停止触发时,我正在使用jQuery创建一个UI。jQuery .click()不会触发

此的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> 

感谢您的帮助!

回答

3

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

enter image description here

而且它是包裹ready函数内部代码一个很好的做法。

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

}); 
​ 

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

+0

哇。我感到非常无知。谢谢! – apparatix 2012-08-09 20:25:03

1

你的代码是正确的,你只是你的了小提琴设置为使用MooTools的,而不是jQuery的。看看这个版本:

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

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

相关问题