jquery中綁定事件一般使用bind，或者click，但是這只能是對已經(jīng)加載好的元素定義事件，那些后來添加插入的元素則需要另行綁定。在1.7版本以前使用live。但是在1.8版本以后推薦使用on。這里介紹jQuery中如何給動態(tài)添加的元素綁定事件
在實際開發(fā)中會遇到要給動態(tài)生成的html元素綁定觸發(fā)事件的情況

<div id="testdiv"> <ul></ul> </div>

需要給<ul>里面動態(tài)添加的<li>標(biāo)簽添加click事件

方法一：綁定live事件(live事件只在jquery1.9以下才支持，高版本不支持)。

jquery 1.7版以前使用live動態(tài)綁定事件

$("#testdiv ul li").live("click",function(){? //?alert('這里是動態(tài)元素添加的事件'); }); 方法二：利用on（）事件綁定 ($(ParentEle).on("click",".thisEle",function(){}) //這里的ParentEle是 thisEle的父輩元素或者祖先元素，ParentEle可以是document，也可以是body等。<br><br><br>// 注意：如果此時調(diào)用的函數(shù)是外部定義好的函數(shù)，那在調(diào)用的時候不要加（），不然會跳過點(diǎn)擊事件直接觸發(fā)函數(shù) jquery 1.7版以后使用on動態(tài)綁定事件 $("#testdiv ul").on("click","li", function() {? //do something here? alert('這里是動態(tài)元素添加的事件'); }); //主動觸發(fā)某個<li>的click事件 ?? // $("#testdiv ul li[name='apple']").trigger("click");?

$("#testdiv ul li").live("click",function(){ });

轉(zhuǎn)載于:https://www.cnblogs.com/love201314/p/6406637.html

總結(jié)

以上是生活随笔為你收集整理的jQuery给动态添加的元素绑定事件的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。