jQuery解決添加元素后不執(zhí)行原有事件的方法
我們先來看下我的錯(cuò)誤代碼
html：
<table border="1" id="best">
<tr>
<td>
<button class="change">修改</button>
</td>
</tr>
<tr>
<td>
<button class="del">刪除</button>
</td>
</tr>
<tr class="last"><td><button class="add">添加</button></td></tr>
</table>
js：
$(".add").click(function(){
var newYuansu = $("<tr><td><button class='del'>刪除</button></td></tr>");
$(".last").before(newYuansu);
})
$(".del").click(function(){
$(this).parents("tr").remove();
})
而此時(shí)使用jQuery新加元素，新元素元素不會(huì)執(zhí)行一部分原有的事件函數(shù)
博主是學(xué)生，也只是研究了一種方法：
$("#best").on("click",".del",function(){
$(this).parents("tr").remove();
})
把原本的click事件這樣寫，就可在新加的元素使用，非常好用~
補(bǔ)充：
一、jquery1.3版本以下的（不包括jquery1.3），是時(shí)候更新你的jquery版本了。
因?yàn)?無解無解無解無解無解無解
二、如果jquery版本是在1.3-1.8之間的話，js/jq動(dòng)態(tài)添加的元素觸發(fā)綁定事件的解決方法（不建議用on事件，因?yàn)?.6版本以下不支持on事件，會(huì)報(bào)錯(cuò)）
綁定live事件(live事件只在jquery1.9以下才支持，高版本不支持)。
$(".del").live("click",function(){ ///jquery 1.9(不包括1.9)以下可以
alert('這里是動(dòng)態(tài)元素添加的事件');
})
三、推薦使用on
如果jquery版本是在1.9或者更高的話，live委托事件是被移除的，通過on來實(shí)現(xiàn)。js/jq動(dòng)態(tài)添加的元素觸發(fā)綁定事件的解決方法
注意注意：如果頁面同時(shí)存在低版本的jq（1.3-1.8）和高版本jq（jquery1.9以上）的話，live委托事件會(huì)被高版本移除，最后導(dǎo)致雖然有jquery版本是在1.3-1.8之間，使用了live事件，頁面會(huì)報(bào)錯(cuò)。
到此這篇關(guān)于jQuery解決添加元素后不執(zhí)行原有事件的方法的文章就介紹到這了,更多相關(guān)jQuery的內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
基于jQuery使用Ajax動(dòng)態(tài)執(zhí)行模糊查詢功能
這篇文章主要介紹了基于jQuery使用Ajax動(dòng)態(tài)執(zhí)行模糊查詢功能,通過實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07
ThinkPHP+jquery實(shí)現(xiàn)“加載更多”功能代碼
本篇文章主要介紹了ThinkPHP+jquery實(shí)現(xiàn)“加載更多”功能代碼，以實(shí)例代碼講訴了加載更多的代碼實(shí)現(xiàn),非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-03-03
jQuery CheckBox全選、全不選實(shí)現(xiàn)代碼小結(jié)
jQuery CheckBox全選、全不選實(shí)現(xiàn)代碼小結(jié)，對(duì)于操作jquery的朋友可以參考下。2010-04-04
通過上下左右鍵和回車鍵切換光標(biāo)實(shí)現(xiàn)代碼
客戶有這樣一個(gè)需求在列表中的文本框里輸入數(shù)據(jù)時(shí)，要能夠通過上下左右鍵來切換光標(biāo)，按回車鍵就把光標(biāo)移到下一個(gè)文本框，接下來將為你介紹下如何實(shí)現(xiàn)，感興趣的朋友可以參考下2013-03-03
JQuery記住用戶名密碼實(shí)現(xiàn)下次自動(dòng)登錄功能
這篇文章主要介紹了JQuery記住用戶名密碼實(shí)現(xiàn)下次自動(dòng)登錄功能,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04
本文給大家介紹jquery ui tabs的理解,包括屬性、事件、方法和技巧等相關(guān)知識(shí)，對(duì)jquery ui tabs感興趣的朋友一起學(xué)習(xí)吧2015-11-11
這里給大家分享幾段JQuery提示效果的代碼，非常的簡單實(shí)用，有需要的小伙伴直接拿走吧2014-11-11
淺談jQuery中 wrap() wrapAll() 與 wrapInner()的差異
本文結(jié)合W3School的文檔，分析了jQuery中 wrap() wrapAll() 與 wrapInner()的差異，并給出了圖文對(duì)比教程，非常的簡單實(shí)用，有需要的朋友可以參考下2014-11-11
easyui中combotree循環(huán)獲取父節(jié)點(diǎn)至根節(jié)點(diǎn)并輸出路徑實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猠asyui中combotree循環(huán)獲取父節(jié)點(diǎn)至根節(jié)點(diǎn)并輸出路徑實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了jQuery中復(fù)合屬性選擇器用法,實(shí)例分析了復(fù)合屬性選擇器匹配同時(shí)滿足多個(gè)屬性條件元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12