jquery - 如何使用 jquery 获得悬停效果以处理 ajaxed 数据？

Question

当我查看特定网页时，我有以下 jquery 脚本可以正常工作。该网页允许我通过 ajax 更改数据。问题是当我“ajax”一些新数据时，脚本不再适用于这些新数据。为什么？

查询：

<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");
    });
});