jQuery對于動態生成的元素綁定無效的問題~~
問題:很多時候發現,對動態生成的元素綁定click事件是無效的~
原因:直接綁定到動態生成的元素是無效的,是因為Jquery掃描文檔找出所有的$(‘’)元素,并把函數綁定到每個元素的click事件上, 表明是現有頁面上存在的元素,動態生成的元素不包括在內 。
解決方法:代理或者說是委托on( ),實現原理是事件的冒泡,在指定的祖先元素中注冊事件,元素事件觸發,傳播到這個元素然后進行篩選。
可以在祖先元素中綁定事件,比如div是祖先元素,而新生成的元素都是div的子元素,所以動態生成的元素的事件就可以綁定了.
$(".parents").on("click",".children",function(){ //函數體 }) //綁定祖先元素.parents 委托給他的子元素,也就是你真正想要綁定的元素~~
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!