ホームページ >ウェブフロントエンド >jsチュートリアル >Jquery が Click イベントを新しく挿入されたノードにバインドできない問題の解決策
新しく挿入されたノードに 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 のブラウザの種類とバージョン番号を取得する方法
効率的な Web 開発のための 10 の jQuery コード スニペット
以上がJquery が Click イベントを新しく挿入されたノードにバインドできない問題の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。