jquery - jquery を使用してホバー効果を取得し、ajax されたデータを操作するにはどうすればよいですか?

Question

特定の Web ページを表示するときに正常に動作する次の jquery スクリプトがあります。この Web ページでは、ajax を介してデータを変更できます。問題は、新しいデータを「ajax」すると、スクリプトがこの新しいデータに対して機能しなくなることです。なんで？

Jクエリ:

<script>
$(function() {
    $('body').on('hover','.hover_class',function(){
        $(this).find('.class1').css('background-color','#000000');
        $(this).find('.class2').stop().addClass('my_class',400);
    },
    function(){
        $(this).find('.class1').css('background-color','#ffffff');
        $(this).find('.class2').removeClass("my_class",100);
    }
    );
});
</script>

Answer 1

これを試して：

$(function () {
    $(document).on('mouseenter', '.hover_class', function () {
        $(this).find('.class1').css('background-color', '#000000');
        $(this).find('.class2').stop().addClass('my_class');
    }).on('mouseleave', '.hover_class', function () {
        $(this).find('.class1').css('background-color', '#ffffff');
        $(this).find('.class2').removeClass("my_class");
    });
});