JQuery:将事件绑定(bind)到动态创建的元素？

Question

$(function(){

    $("div").click(function(){
        $(this).clone().insertAfter( $(this) ); 
    });

});

这是一个愚蠢的小页面，每次单击 DIV 时，它都会生成它的副本，并将其放置在它的后面。

这似乎工作正常，但仅适用于已硬编码的 DIV。当 DIV 被克隆然后单击时，没有任何反应，因为事件尚未绑定(bind)到它。

完成这项工作的正确方法是什么？

Answer 1

使用jQuery .on() function .

$("body").on("click", "div", function() {
  //...
});

.live()函数曾经用于此目的，但在 jQuery 1.7 中已弃用。