Jquery對(duì)新插入的節(jié)點(diǎn) 綁定Click事件失效的解決方法

更新時(shí)間：2016年06月02日 10:00:28 投稿：jingxian

下面小編就為大家?guī)?lái)一篇Jquery對(duì)新插入的節(jié)點(diǎn) 綁定Click事件失效的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

1.有人說(shuō)用 Live，事實(shí)上現(xiàn)在最新的Jquery已經(jīng)不支持 Live 了。live的解決方法如下：

你可以看這個(gè) 也可以不看，只是做到心中有數(shù)就可以了。下面介紹ON的方法。

live：Live的使用介紹

2.有人用了ON 來(lái)解決，這個(gè)解決方法基本在理。

On ：On的介紹，能解決問(wèn)題

On的方法，基本能解決問(wèn)題，但是你也要根據(jù)你的具體情況做選擇。并不是每個(gè)人的代碼都像上面這個(gè)案例描述的那么簡(jiǎn)單。但是萬(wàn)變不離其宗。

我是這樣來(lái)做的，最終把問(wèn)題解決了。

我有一個(gè)UL 標(biāo)簽是靜態(tài)的，就是說(shuō)不是后來(lái)動(dòng)態(tài)添加的。

然后我動(dòng)態(tài)添加了像

“<li><a href="#" ....>鏈接</a></li>”的內(nèi)容。

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

$("#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對(duì)新插入的節(jié)點(diǎn) 綁定Click事件失效的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)仿京東2級(jí)菜單效果(帶延時(shí)功能)
這篇文章主要介紹了js實(shí)現(xiàn)仿京東2級(jí)菜單效果,涉及jquery鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素屬性及延時(shí)顯示的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
jQuery實(shí)現(xiàn)可編輯的表格實(shí)例講解（2）
這篇文章主要內(nèi)容是JQuery實(shí)現(xiàn)可編輯的表格實(shí)例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-09-09
jQuery拖拽div實(shí)現(xiàn)思路
jQuery拖拽div,利用jquery的mousemove，mousedown，mouseup三個(gè)事件,需要的朋友可以參考下
2014-02-02
jQuery 技巧小結(jié)
jQuery 技巧，以前發(fā)布了很多了，具體的可以參考腳本之家以前發(fā)布的文章。
2010-04-04
jquery移動(dòng)listbox的值原理及代碼
jQuery操作listbox原理并不難，就是將listbox中的選中項(xiàng)進(jìn)行移動(dòng)，實(shí)現(xiàn)我們需要的移動(dòng)效果，具體實(shí)例如下，感興趣的朋友可以學(xué)習(xí)下
2013-05-05
jQuery選擇器源碼解讀（七）：elementMatcher函數(shù)
這篇文章主要介紹了jQuery選擇器源碼解讀（七）：elementMatcher函數(shù),本文講解了源碼、功能、參數(shù)、返回函數(shù) 等內(nèi)容,需要的朋友可以參考下
2015-03-03
jQuery實(shí)現(xiàn)的超簡(jiǎn)單輪播圖功能示例【代碼解釋】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的超簡(jiǎn)單輪播圖功能,結(jié)合完整實(shí)例形式分析了基于jQuery實(shí)現(xiàn)的輪播圖相關(guān)功能實(shí)現(xiàn)、樣式設(shè)置與注意事項(xiàng),需要的朋友可以參考下
2023-05-05
jQuery實(shí)現(xiàn)簡(jiǎn)單倒計(jì)時(shí)功能的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單倒計(jì)時(shí)功能的方法,涉及jQuery根據(jù)時(shí)間動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下
2016-07-07
jquery.pager.js分頁(yè)實(shí)現(xiàn)詳解
這篇文章主要為大家詳細(xì)介紹了jquery.pager.js分頁(yè)的實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼
這篇文章主要介紹了將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼的方法，以及jquery.qqface.js的使用方法，需要的朋友可以參考下
2017-12-12