如果设置div数据来自POST，则不调用jquery类操作

Question

我正在发布并获取数据以设置为text_div：

<div id="text_div">
    {{file.text|safe}}
</div>

$.ajax({
    ...
    success: function(data){
        $("#text_div").html(data);
    }
});

text_div有如下段落：

<p>xxx <a title="FOO" class="bar" href="#">foo</a> xxx xxx. </p>

后台数据可以是html，但无法调用链接操作。

$("a.bar").click(function(){
    alert('xxx');
});

如果我使用链接模式设置堆栈段落，则可以调用类操作。我通过chrome工具检查元素，静态段落与从POST请求获得的数据相同。

Answer 1

$("a.bar").click(function(){
    alert('xxx');
});

无法正常工作，因为您是动态插入的。您需要使用.on()函数绑定click事件，如：

$("#text_div").on('click', 'a.bar', function(){
    alert('xxx');
});