2012-08-09 140 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。

相關問題