次のイベント処理関数があります。
jQuery(document).on('click', '#button .submitb', function(e){alert();});
jQuery は HTML ドキュメントに含まれています。しかし、クリックして<div id="button" class="submitb">Go!</div>
も何も起こりません。chrome-console でエラーが発生することさえありません。
次のイベント処理関数があります。
jQuery(document).on('click', '#button .submitb', function(e){alert();});
jQuery は HTML ドキュメントに含まれています。しかし、クリックして<div id="button" class="submitb">Go!</div>
も何も起こりません。chrome-console でエラーが発生することさえありません。
同じ要素をターゲットにしたい場合は、space
セレクター間を使用できません。これは、の.submitb
子孫を #button
意味します。
要素には IDがあるため、実際には id セレクターが必要です。
jQuery(document).on('click', '#button', function(e){alert();});
編集:
同じ ID のボタンを複数持つことはできません!! だけを使用する必要がありますclass
。または、 のような異なる ID 末尾を付けて_0
、_1
ターゲットを[id^=button]
.submitb
の子孫ではありません#button
。jquery でターゲットにするには、ID「#button」を使用するだけです
このような
jQuery(document).on('click', '#button', function(e){alert();});
そのクラスで div id をターゲットにしたい場合は、スペースを移動するだけです。
このような
jQuery(document).on('click', '#button.submitb', function(e){alert();});