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

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

需要給<ul>里面動態添加的<li>標簽添加click事件

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

jquery 1.7版以前使用live動態綁定事件

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

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

轉載于:https://www.cnblogs.com/love201314/p/6406637.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。