jQuery動態添加元素無法觸發綁定事件
阿新 • • 發佈：2017-07-28
觸發 pre parent spa ive 定義 syn tab 元素
用jquery動態添加元素後，發現給動態添加的元素無法觸發事件。解決方案如下：
方法一：綁定live事件(live事件只在jquery1.9以下才支持，高版本不支持)。
| 1 2 3 |
$(".newBtn").live("click",function(){ ///jquery 1.9(不包括1.9)以下可以
alert(‘這裏是動態元素添加的事件‘);
})
|
方法二：利用on（）事件綁定 ($(ParentEle).on("click",".thisEle",function(){})
| 1 2 3 |
$("body").on("click", ".newBtn", function() {
alert(‘這裏是動態元素添加的事件‘);
});<br>//這裏的ParentEle是 thisEle的父輩元素或者祖先元素，ParentEle可以是document，也可以是body等。<br><br><br>//註意：如果此時調用的函數是外部定義好的函數，那在調用的時候不要加（），不然會跳過點擊事件直接觸發函數
|
$("body").on("click", ".newBtn",aa ); function aa(){
alert(‘這裏是動態元素添加的事件‘);
}
jQuery動態添加元素無法觸發綁定事件