Jquery が Click イベントを新しく挿入されたノードにバインドできない問題の解決策

新しく挿入されたノードに Click イベントをバインドするための Jquery の解決策を見てみましょう。 jQuerybind クリックの失敗の問題を解決する方法を学び、理解を深めましょう。 jQueryの！

1. Live を使用するという人もいます。実際、最新の Jquery は Live をサポートしていません。生きるための解決策は次のとおりです:

これを見ても見なくても大丈夫です、ただそれに気づいてください。以下にON方式について説明します。

live: Live の使い方の紹介

2. この問題を解決するために ON を使用した人もいます。この解決策は基本的に合理的です。

On: On の導入で問題を解決できます

On の方法で基本的に問題は解決できますが、特定の状況に基づいて選択する必要があります。すべての人のコードが上記の場合ほど単純であるわけではありません。しかし、それは根本から変わることはありません。

これが私がやったことで、最終的に問題を解決しました。

私は静的のULタグを持っています。これは、後で動的に追加されないことを意味します。

次に、

「

Link

」のようなものを動的に追加しました。

私は以下の方法で選びました。

$("#subul").on('click','li>a', function (e) {
  //取消冒泡
  //var e = e || window.event;
  // e.stopPropagation();
  alert("asssss");
  var areaid = this.attributes.getNamedItem("id").nodeValue;
  alert(areaid);
  $("#subul>li>a").removeClass("smallBtSelected");
  $("#" + areaid).addClass("smallBtSelected");
})

上記は、新しく挿入されたノードへの Click イベントのバインドの失敗に対する Jquery の解決策のすべての内容です。詳細については、PHP 中国語 Web サイト検索 にアクセスしてください。

関連する推奨事項:

jQuery で最も近い親ノードを見つける方法

jQuery のブラウザの種類とバージョン番号を取得する方法

効率的な Web 開発のための 10 の jQuery コード スニペット

以上がJquery が Click イベントを新しく挿入されたノードにバインドできない問題の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。