ajax - ajax レスポンスから追加された要素を取得する方法

Question

私は次のコードを持っています:

$(document).ready(function(){    
$('#dl-cat').mouseenter(function(){
    $.ajax({
        type: "POST",
        url: "../control/Controlador.php",
        data: {lang: $('html').attr('lang'), cat: $(this).text(), prov: "none"},
        success: function(resp) {
            $(".og-grid").html(resp); 
        }
    });       
});

$(".og-grid li").on("mouseenter", function(){
    console.log("it exists");
});

});

「og-grid」クラスが「ul」タグであり、ajax 応答の後に「li」タグなどの html コードを配置しましたが、「mouseenter」などのイベントを新しく追加されたコードにプログラムすると表示されません何もないかのように

Answer 1

要素は動的.on()であるため、ここのイベント委任モデルを使用する必要がありますli

$(".og-grid").on("mouseenter", 'li', function(){
    console.log("it exists");
});