首頁  >  文章  >  web前端  >  Jquery對新插入的節點 綁定Click事件失效的解決方法

Jquery對新插入的節點 綁定Click事件失效的解決方法

韦小宝
韦小宝原創
2017-11-29 10:48:401730瀏覽

來看看Jquery對新插入的節點綁定Click事件失效的解決方法,來學習怎麼解決jQuery綁定click失效的方法吧,加強對jQuery的認知!

1.有人說用 Live, 事實上現在最新的Jquery已經不支援 Live 了。 live的解決方法如下:

你可以看這個 也可以不看 ,只是做到心中有數就可以了。下面介紹ON的方法。

live:Live的使用介紹

2.有人用了ON 來解決, 這個解決方法基本上在理。

On :On的介紹,能解決問題

On的方法,基本能解決問題,但是你也要根據你的具體情況做選擇。並不是每個人的程式碼都像上面這個案例描述的那麼簡單。但萬變不離其宗。

我是這樣來做的,最後把問題解決了。 

我有一個UL 標籤是靜態的,就是說不是後來動態加入的。

然後我動態加入了像是

「25edfb22a4f469ecb59f1190150159c6e689c7a8aee9d1d2cbf52f807582ec41連結5db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb」的內容。

我是按下面的方法做的選擇。

$("#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");
})

以上就是 Jquery對新插入的節點 綁定Click事件失效的解決方法 的所有內容,更多請到PHP中文網搜尋哦!

相關推薦:

#jQuery實作尋找最近父節點的方法

jQuery取得瀏覽器類型與版本號的方法

高效率Web開發的10個jQuery程式碼片段

#

以上是Jquery對新插入的節點 綁定Click事件失效的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn