Jquery對(duì)新插入的節(jié)點(diǎn) 綁定Click事件失效的解決方法
1.有人說(shuō)用 Live, 事實(shí)上現(xiàn)在最新的Jquery已經(jīng)不支持 Live 了。live的解決方法如下:
你可以看這個(gè) 也可以不看 ,只是做到心中有數(shù)就可以了。下面介紹ON的方法。
2.有人用了ON 來(lái)解決, 這個(gè)解決方法基本在理。
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è)參考,也希望大家多多支持腳本之家。
- JQuery事件委托(適用于給動(dòng)態(tài)生成的腳本元素添加事件)
- Jquery 動(dòng)態(tài)添加元素并添加點(diǎn)擊事件實(shí)現(xiàn)過(guò)程解析
- jQuery實(shí)現(xiàn)為動(dòng)態(tài)添加的元素綁定事件實(shí)例分析
- jQuery動(dòng)態(tài)添加元素?zé)o法觸發(fā)綁定事件的解決方法分析
- jQuery如何獲取動(dòng)態(tài)添加的元素
- jQuery給動(dòng)態(tài)添加的元素綁定事件的方法
- jquery動(dòng)態(tài)添加元素事件失效問(wèn)題解決方法
- jQuery動(dòng)態(tài)添加元素后元素注冊(cè)事件失效解決
相關(guān)文章
如何使用Jquery動(dòng)態(tài)生成二級(jí)選項(xiàng)列表
這篇文章主要介紹了如何使用Jquery動(dòng)態(tài)生成二級(jí)選項(xiàng)列表,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02jquery插件pagination實(shí)現(xiàn)無(wú)刷新ajax分頁(yè)
這篇文章主要介紹了jquery插件pagination實(shí)現(xiàn)無(wú)刷新ajax分頁(yè)的相關(guān)資料,需要的朋友可以參考下2015-09-09Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)彈出層且可以點(diǎn)擊
這篇文章主要介紹了Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)彈出層且可以點(diǎn)擊。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02jQuery動(dòng)畫(huà)效果實(shí)現(xiàn)圖片無(wú)縫連續(xù)滾動(dòng)
這篇文章主要為大家介紹了jQuery動(dòng)畫(huà)效果實(shí)現(xiàn)圖片無(wú)縫連續(xù)滾動(dòng),實(shí)現(xiàn)類似連續(xù)不間斷的滾動(dòng)廣告位,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-01-01jQuery獲得包含margin的outerWidth和outerHeight的方法
這篇文章主要介紹了jQuery獲得包含margin的outerWidth和outerHeight的方法,涉及jQuery中outerWidth及outerHeight方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03jQuery中text() val()和html()的區(qū)別實(shí)例詳解
這篇文章主要介紹了jQuery中text() val()和html()的區(qū)別實(shí)例詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06jQuery簡(jiǎn)單操作cookie的插件實(shí)例
這篇文章主要介紹了jQuery簡(jiǎn)單操作cookie的插件,以實(shí)例形式分析了jQuery操作cookie的插件功能定義與使用技巧,需要的朋友可以參考下2016-01-01