【JQuery】動的に追加された要素のイベント

JQueryで処理を書く際にイベントが発生しないという問題が起こることがあります。

Javascript等で動的に追加された要素を疑ってみてください。

失敗例

javascript等でページ読込後に追加された要素に対して以下のようにイベントを拾おうとしてもダメでした。

$("a[name='alink']").click(function() {
  alert('Click!');
});

成功例 onの使用

動的に追加された要素に対してonメソッドを使用して以下のように書くとイベントが拾えました。

$(document).on("click", "a[name='alink']", function() {
  alert('Click!');
});

上記の例は<a class=”alink”>クリック</a>という要素が動的に追加された際に、a要素に対するイベントの貼り方です。

onメソッドに関してはこちらをご覧ください。

Share this content: