javascript - jquery 将事件绑定(bind)到新元素

Question

这个问题已经有答案了:

Jquery how to bind click event on dynamically created elements? (2 个回答)

已关闭 8 年前。

JAVA脚本

$(document).ready(function() {
     $(".group").click(groupFile);

     function groupFile(){
        alert('clicked!');
     }
});
function insert()

{
    $("body").append("<div class='group' ></div>");
}

HTML

<div class='group' >
</div>

<input type="button" value="insertNewElement" id="insert" onclick="insert()"/>

页面加载后，点击div.group效果很好，很火groupFile并对我警觉。但是当插入新的 div.group 时.onclick div.group功能groupFile不起作用？请帮助我

Answer 1

您可以使用 jQuery on()将事件委托(delegate)给静态祖先的方法，如下所示:

$(document).ready(function() {
 $(document).on("click",".group",groupFile);
 function groupFile(){
    alert('clicked!');
 }
});

了解更多关于event delegation的信息