如何使用jquery獲得懸停效果以處理ajaxed數據？

Question

我有以下jquery腳本，當我查看特定的網頁時工作正常。這個網頁允許我通過ajax更改數據。問題在於，當我「插入一些」新數據時，腳本不再適用於這些新數據。爲什麼？

的Jquery：

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