Ajax调用后无法从div请求数据。 我该如何解决？

Question

这个示例运行良好，并且与我在项目中使用的示例相同，但是我使用的数据（在这种情况下， data-name attr的div是由ajax加载的，看起来好像不起作用）。 在控制台中，在click之后，firefox输出以下内容：

getPreventDefault（）解决方案。 Verwenden Sie stattdessen 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);
    });
});