動態添加的html元素綁定事件的方法


避免先寫了DOM操作,但是元素是動態加載的,所以點擊不生效,比較好的方法有兩個:

1、動態添加的時候加行內事件,比如onclick="funcName()"

在js中寫好方法名對應的方法就可以了,如果綁定方法的元素太多,可以考慮使用方法二;

2、jquery的on事件綁定

eg:

on事件可以給動態添加的元素也綁定事件。
$("#optionGroup").on('click','.input-group .delete-option',function () {
    console.log("aaa")
    let num = $(this).parents(".input-group").index();
    console.log(num)
})

注意:on事件先是獲取到父元素,然后綁定到子元素上,父元素最好是已經存在的元素,而不是動態添加的。


免責聲明!

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



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