欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery解決添加元素后不執(zhí)行原有事件的方法

 更新時(shí)間：2021年11月22日 15:44:57   作者：.余霞成綺  
我們有時(shí)使用jQuery新加元素后，會(huì)出現(xiàn)新元素不會(huì)執(zhí)行一部分原有的事件函數(shù)。本文主要介紹了jQuery解決添加元素后不執(zhí)行原有事件的方法，感興趣的同學(xué)可以了解一下

我們先來(lái)看下我的錯(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)?無(wú)解無(wú)解無(wú)解無(wú)解無(wú)解無(wú)解

二、如果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委托事件是被移除的，通過(guò)on來(lái)實(shí)現(xiàn)。js/jq動(dòng)態(tài)添加的元素觸發(fā)綁定事件的解決方法

注意注意：如果頁(yè)面同時(shí)存在低版本的jq（1.3-1.8）和高版本jq（jquery1.9以上）的話，live委托事件會(huì)被高版本移除，最后導(dǎo)致雖然有jquery版本是在1.3-1.8之間，使用了live事件，頁(yè)面會(huì)報(bào)錯(cuò)。

到此這篇關(guān)于jQuery解決添加元素后不執(zhí)行原有事件的方法的文章就介紹到這了,更多相關(guān)jQuery的內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論