javascript - jqクリックイベントの繰り返し実行の問題

Question

jq によって動的に生成された要素を有効にするには、クリック イベントにバインドする必要があり、実行される関数にもクリック イベントがあり、関数が 2 回実行されます。この状況を解決するにはどうすればよいですか?

漂亮男人 · Answer

イベントオブジェクトを使用して、実際にクリックしたいターゲットを見つけます

曾经蜡笔没有小新 · Answer

実際には、イベントが 2 回バインドされているか、イベントがバブリングしているだけです
1. イベントをバインド解除してから再度バインドします。リーリー

2、バブリングをキャンセル

リーリー

某草草 · Answer

最初に監視を削除してから、
.off(handler).on(handler)を監視します

天蓬老师 · Answer

これは泡立っていますか?

typecho · Answer

off 最初にバインドを解除してからバインドします

滿天的星座 · Answer

リーリー

过去多啦不再A梦 · Answer

リーリー

天蓬老师 · Answer

上記の人がそれをより明確にしました。
1. 問題が見つかりました
動的に生成された要素がイベントにバインドされているため、1.1 は 2 回バインドされていますが、このイベントでは、以前にバインドされたイベントが再度呼び出されます

リーリー

1.2 やはりイベントのバブリングが原因です (バブリングに慣れていない場合は、最初に関連情報をお読みください)

リーリー

2. 動的に生成された要素は、必ずしも動的バインディングイベントを使用する必要はありません

delegate() メソッドを使用するイベントハンドラーは、現在または将来の要素 (スクリプトによって作成された新しい要素など) で動作します。
ここをクリックして詳細なドキュメントを表示します: http://www.w3school.com.cn/jq...

リーリー

phpcn_u1582 · Answer

on() の後に忘れずに off() をオフにしてください