jquery - JQuery:イベントを動的に作成された要素にバインドしますか?

Question

$(function(){

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

});

これは、DIV をクリックするたびに DIV のコピーが生成され、その直後に配置される愚かな小さなページです。

これは正常に動作するようですが、ハードコードされた DIV に対してのみです。DIV を複製してクリックしても、イベントがバインドされていないため、何も起こりません。

これを機能させる正しい方法は何ですか?

score 4 · Accepted Answer

jQuery.on()関数を使用します。

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

関数はこの.live()目的で使用されていましたが、jQuery 1.7 で廃止されました。

score 1 · Accepted Answer

そのための特別な jQuery 関数があります。.live()

$(function(){

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

});

2 に答える 2