jquery:為動態加載的元素添加點擊事件


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(){
});

只不過是有限制的,這個點擊事件要和動態加載的內容在同一作用域中才行


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM