javascript - ajax 呼び出し後に div からデータを要求できません。これを修正するにはどうすればよいですか?

Question

この例はうまく機能し、プロジェクトで使用するのと同じですが、使用するデータ、この場合、data-nameattr を持つ div は ajax によってロードされ、機能しないように見えます。コンソールでは、Firefox は次の後にこれを出力しますclick。

getPreventDefault() を使用すると、新しいバージョンが作成されます。デフォルトの状態を確認する必要があります defaultPrevented.jquery.min...

http://jsfiddle.net/n495c/14/

js

      $(document).ready(function() {
        $("#content div").click(function() {
            var title = $(this).data("name");
            $("#content div").text(title);
        });
    });

html

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="content">
<div data-name="Neu"></div>
</div>

CSS

#content {
    width: 100%;
    height: 100%;
}

#content div {
    width: 50px;
    height: 50px;
    background: red;
    color: white;
}

Answer 1

委任されたイベント ハンドラ:

$(document).ready(function() {
    $(document).on('click', '#content div', function() {
        var title = $(this).data("name");
        $("#content div").text(title);
    });
});