JQuery：将事件绑定到动态创建的元素？

Question

$(function(){

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

});

这是一个愚蠢的小页面，每次点击DIV时，它都会生成一个副本，然后放在它之后。

这似乎工作正常，但仅适用于已经硬编码的DIV。当克隆并点击DIV时，没有任何反应，因为该事件尚未绑定到它。

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

Answer 1

使用jQuery .on() function。

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

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

Answer 2

有一个特殊的jQuery函数，.live()

$(function(){

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

});