jquery:為動態加載的元素添加點擊事件
最近在做項目的時候遇到了這樣一個問題,給用ajax動態加載出來的內容添加點擊事件,但是怎么都觸發不了,經過查詢試驗總結出正確的寫法
在jquery1.7之前的版本中用的是live()方法,但是live()方法在1.7中已經不建議使用,1.9中刪除了這個方法
live()方法適用於匹配選擇器的當前及未來的元素(例如有腳本創建的新元素)
重點是自jquery1.7版本起,on()方法是bind()、live()、delegate()方法的新的替代品
on()方法添加的事件處理程序適用於當前及未來的元素(比如由腳本創建的新元素)
$("#mainbody").on("click",".link",function(){
});
on前面的這個#mainbody一定要是html中存在的,靜態的,否則點擊事件觸發不了
".link"是動態加載出來的內容,它的class=".link"
on方法在什么條件下都是成立的
用jquery:為動態加載的元素添加點擊事件其實也可以用
$(".link").click(function(){
});
只不過是有限制的,這個點擊事件要和動態加載的內容在同一作用域中才行