jquery - セット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');
});

奇妙なことに、リンク パターンでスタック パラグラフを設定すると、クラス アクションを呼び出すことができます。クロムツールで要素をチェックすると、静的段落はPOSTリクエストから取得したデータと同じです。

Answer 1

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

動的に挿入しているため、機能しません。.on()次のような関数を使用してクリック イベントをバインドする必要があります。

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