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的追加libary http://jsfiddle.net/qgz2j/3/

Answer 3

在小提琴，選擇框架jQuery和它應該工作。 ：P

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

Answer 4

你的代碼是正確的，你只是你的了小提琴設置爲使用MooTools的，而不是jQuery的。看看這個版本：

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

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