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

Question

这个例子效果很好，和我在项目中使用的一样，但是我使用的数据，在这种情况下，带有data-nameattr 的 div 是由 ajax 加载的，看起来它不起作用。在控制台中，Firefox 在以下内容之后输出click：

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);
    });
});