jqueryで動的に追加された要素ノードがイベントをトリガーできない問題を解決する方法は2つあります

クズども · 掲載地 2016/06/28 12:43:24

例えば、メッセージリストを読むためのAJAXを作成する場合、各メッセージの後に返信ボタンがあり、クラスは「reply」です。もし$(".reply").click(function(){ //do something... }を使うと、おそらく後でajaxがロードしたリストの返信ボタンなので、クリックイベントは無効になります。
実際、最も簡単な方法はタグに onclick="" と直接書くことですが、これを書くのは少し低く、最善の方法はクリックイベントをクラス名に割り当てることです。
jqueryで動的に追加された要素ノードがイベントをトリガーできない問題を解決する方法は2つあります。以下の通りです。
より良いプレゼンテーションのために、あるページの本文の下に以下の構造を持つコードを置いたとしましょう:

ログインが見えます。

方法1:ライブ使用
live()関数は、選択された要素に1つ以上のイベントハンドラを割り当て、それらのイベントが発生する際に実行すべき関数を指定します。 live()関数は、セレクタの現在要素と未来要素をマッチングするために適用されます。例えば、スクリプトを通じて動的に作成された要素などです。
実装方法は以下の通りです:

ログインが見えます。

方法2:オンの使用
イベントを親またはボディに割り当てる方法は、on メソッドで以下の通りです:

ログインが見えます。

さて、問題が解決したかどうか確認してみてはどうでしょうか。この記事が本当に役に立てば幸いです。

2つ目は親レベルの要素をバインドするものです...

顧言が言った · 掲載地 2016/07/08 14:34:49

[Jquery] jqueryで動的に追加された要素ノードがイベントをトリガーできない問題を解決する方法は2つあります

関連記事

閲覧したセクション