0

私は人里離れた問題を抱えています。jQuery を使用して何かの UI を作成していたときに、突然 .click() イベントが発生しなくなりました。

この jsFiddle には、関連するすべてのコードがあります。

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

コードを見ると、<div>ID が「target」の には<div>、ID が「red」の 1 つと ID が「green」の 2 つの が含まれていることがわかります。関連する CSS を見ると、どちらも幅 100% で重なっていますが、緑はdisplay:none;.

ご覧のとおり、 は起動.click()せず、アラートも表示されません。ただし、これを使用すると機能します。

<div id="target" onClick="alert('Clicked!')">
    <div id="red"></div>
    <div id="green"></div>
</div>

助けてくれてありがとう!

4

4 に答える 4

3

間違ったフレームワークを選択しました。MootoolsからjQueryに変更します。

ここに画像の説明を入力してください

また、ready関数内にコードをラップすることをお勧めします。

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

});
​ 

作業サンプルhttp://jsfiddle.net/qgz2j/4/

于 2012-08-09T20:07:48.160 に答える
2

ここで、jqueryライブラリを追加しないことを確認してください http://jsfiddle.net/qgz2j/3/

于 2012-08-09T20:07:02.583 に答える
2

フィドルで、jQueryとしてフレームワークを選択すると機能するはずです。:P

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

于 2012-08-09T20:07:12.363 に答える
1

あなたのコードは、jQueryの代わりにMooToolsを使用するようにフィドルを設定しただけで問題ありません。このバージョンを見てください:

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

私がしたのは、jQueryを使用するように指示することだけでした。

于 2012-08-09T20:07:55.243 に答える