DOM に要素を動的に追加した後、JavaScript イベントがトリガーされないのはなぜですか?

要素追加後の JavaScript イベント伝播の失敗

質問:

JavaScript が失敗するのはなぜですか初期読み込み後に DOM に追加された要素のイベントをトリガーしますか?

答え:

jQuery は、読み込み時に DOM 内に存在する要素に対して動作します。後続の要素の追加は認識されません。この制限を克服するには、新しく追加された要素から既存の DOM 要素にイベントを渡すことでイベント委任を実装します。

提供されたコードで、「編集」リンクのイベント ハンドラーをページに存在する親要素に移動します。 on() メソッドを使用してロードします:

$(document).on('click', '.races', function(e) {
  // Event handling logic
});

この変更により、JavaScript は DOM に追加された要素からのイベントに動的に応答し続けることが保証されます。

以上がDOM に要素を動的に追加した後、JavaScript イベントがトリガーされないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。