1. 程式人生 > >jQuery 為動態追加的元素新增點選事件

jQuery 為動態追加的元素新增點選事件

在 jquery1.7 之前的版本中用的是 live()方法,但是 live() 方法在 1.7 中已經不建議使用,1.9 中已經刪除了這個方法.

live() 方法適用於匹配選擇器的當前及未來的元素 (例如用 JS 指令碼建立的新元素)

自 jquery1.7 版本起,on() 方法是 bind() / live() / delegate() 方法的新的替代方法

on() 方法新增的事件處理程式適用於當前及未來的元素(比如由 JS 指令碼建立的新元素)

使用示例

 $("#xx").on("click",".add-html",function(){

 });

on() 前面的這個 #xx一定要是 html 中存在的,靜態的,否則點選事件觸發不了, ".add-html" 是動態加載出來

的內容,它的 class=".add-html"

on() 方法在任何條件下都是成立的.