3

次のイベント処理関数があります。

jQuery(document).on('click', '#button .submitb', function(e){alert();});

jQuery は HTML ドキュメントに含まれています。しかし、クリックして<div id="button" class="submitb">Go!</div>も何も起こりません。chrome-console でエラーが発生することさえありません。

4

2 に答える 2

4

同じ要素をターゲットにしたい場合は、spaceセレクター間を使用できません。これは、の.submitb 子孫を #button意味します。

要素には IDがあるため、実際には id セレクターが必要です。

jQuery(document).on('click', '#button', function(e){alert();});

編集:

同じ ID のボタンを複数持つことはできません!! だけを使用する必要がありますclass。または、 のような異なる ID 末尾を付けて_0_1ターゲットを[id^=button]

于 2013-10-13T14:58:39.907 に答える
4

.submitbの子孫ではありません#button。jquery でターゲットにするには、ID「#button」を使用するだけです

このような

jQuery(document).on('click', '#button', function(e){alert();});

そのクラスで div id をターゲットにしたい場合は、スペースを移動するだけです。

このような

jQuery(document).on('click', '#button.submitb', function(e){alert();});

于 2013-10-13T14:58:17.650 に答える