ホームページ >ウェブフロントエンド >jsチュートリアル >Jquery が Click イベントを新しく挿入されたノードにバインドできない問題の解決策

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

韦小宝
韦小宝オリジナル
2017-11-29 10:48:401818ブラウズ

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

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

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

live: Live の使い方の紹介

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

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

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

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

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

次に、

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

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

$("#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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。