jquery動態新增元素無法觸發繫結的事件的解決方案。
阿新 • • 發佈：2019-02-18
最近遇到一個問題，即當用jquery動態新增元素後，發現給動態新增的元素卻無法觸發事件。後來在網上查閱了一些資料，發現原來要這樣處理：
先上我出錯的程式碼:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" 奉上我的解決方法
方法一：繫結live事件(live事件只在jquery1.9以下才支援，高版本不支援)。
$(".newBtn").live("click",function(){ ///jquery 1.9(不包括1.9)以下可以
alert('這裡是動態元素新增的事件');
}) 方法二：利用on（）事件繫結
($(ParentEle).on("click",".thisEle",function(){})
$("body").on("click", ".newBtn", function() {
alert('這裡是動態元素新增的事件');
});//這裡的ParentEle是 thisEle的父輩元素或者祖先元素，ParentEle可以是document，也可以是body等。<br><br><br>//注意：如果此時呼叫的函式是外部定義好的函式，那在呼叫的時候不要加（），不然會跳過點選事件直接觸發函式
$("body").on("click", ".newBtn",aa );
function aa(){
alert('這裡是動態元素新增的事件');
}ok，問題解決，繼續爬坑。