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。