jQuery對于動態生成的元素綁定無效的問題~~

jopen 8年前發布 | 9K 次閱讀 jQuery Ajax框架

問題:很多時候發現,對動態生成的元素綁定click事件是無效的~

原因:直接綁定到動態生成的元素是無效的,是因為Jquery掃描文檔找出所有的$(‘’)元素,并把函數綁定到每個元素的click事件上, 表明是現有頁面上存在的元素,動態生成的元素不包括在內 。

解決方法:代理或者說是委托on( ),實現原理是事件的冒泡,在指定的祖先元素中注冊事件,元素事件觸發,傳播到這個元素然后進行篩選。

可以在祖先元素中綁定事件,比如div是祖先元素,而新生成的元素都是div的子元素,所以動態生成的元素的事件就可以綁定了.

$(".parents").on("click",".children",function(){
   //函數體 
})

//綁定祖先元素.parents 委托給他的子元素,也就是你真正想要綁定的元素~~

來自: http://www.cnblogs.com/wenrain/p/5116436.html

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!