[解決済み] jQueryで動的に追加される要素にイベントリスナーを追加する [重複] [重複
2022-12-26 21:31:25
質問
ということで、今現在は イベントリスナー を 動的に を追加した場合、要素を追加した後にリスナーを再定義する必要があります。
これを回避して、余分なコードブロック全体を実行する必要がないようにする方法はありますか?
どのように解決するのですか?
使用方法
.on()
を使えば、一度関数を定義すれば、動的に追加されたすべての要素に対して実行されます。
例えば
$('#staticDiv').on('click', 'yourSelector', function() {
//do something
});
関連
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
Uncaught SyntaxError: 予期しない入力の終了
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み] jQueryを使ったAjaxリクエストの中断
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] jQueryのイベントハンドラを削除する最良の方法?
-
[解決済み] JavaScriptやデバッグでDOMノード上のイベントリスナーを見つけるには?
-
[解決済み] Adding options to a <select> using jQuery?
-
[解決済み] jQueryの複数要素の同一クリックイベント
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] 既存の非順序型リストにリストアイテムを追加する方法
-
[解決済み] クリックボタンでクリップボードにコピー
-
[解決済み] CSSを使用してSVG画像の色を変更する方法(jQuery SVG image replacement)とは?
-
[解決済み] jQueryでフォームフィールドをクリアする
-
[解決済み] セレクトボックスの選択項目を設定する
-
[解決済み] jQueryでval()がchange()をトリガーしない
-
[解決済み] jQueryを使用して要素の型を検索する
-
[解決済み】ダイナミックコンテンツでイベントハンドラが動作しない【重複あり
-
[解決済み】$(window).width()がメディアクエリとは違う