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

时间:2014-01-17 17:00:25

标签: javascript jquery html jquery-data

这个例子运行良好,我在我的项目中使用的相同,但我使用的数据,在这种情况下,带有data-name attr的div由ajax加载,看起来它不起作用。 在控制台中,firefox在click

之后输出
  

getPreventDefault()sollte nicht mehr verwendet werden。 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;
}

1 个答案:

答案 0 :(得分:0)

委托事件处理程序:

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