javascript - 追加された要素に jquery 関数を動的に適用する

Question

ワークフローは次のとおりです。

1. 要素を動的に div コンテナーに追加する
2. この要素のクリック イベントを登録します (jquery カスタム関数を使用)
3. 要素イベントをトリガーする

上記のフローによると、新しい要素イベントがトリガーされないため、機能しません。これは私のシナリオです:

http://jsfiddle.net/9Ru76/1/

「要素」をクリックすると、その ID 属性が .log div に出力されます。

編集：

私はすべての答えをテストしましたが、それらはすべて正常に動作します:)

Answer 1

クリックハンドラーの$(".element").showID();外側にある.createため、選択するものはありませんでした。また、コードがラップなしのヘッドにあるはずのときにonLoadにコードがありました。

http://jsfiddle.net/9Ru76/9/

Answer 2

イベント委任を使用できます

$(document).ready(function(){

    $(".create").click(function(){
         $(".container").append('<div id="4" href="#" class="element">element</div>');
    });
});


    $(document).on('click','.element', function(){
        $(".log").html("id: " + $(this).attr("id"));
    });

Answer 3