Question

我有：

$('.image.txt_over').hover(function(){
    $(".screen", this).stop().animate({top:'165px'},{queue:false,duration:300});
    $(this).fadeTo("slow", 1);

}, function() {
    $(".screen", this).stop().animate({top:'226px'},{queue:false,duration:460});
});

我试图通过Ajax刷新一组新的图像后保持jquery悬停效果。目前，一旦Ajax刷新，jquery就会被杀死。

我认为我需要.delegate（）或.live（），但似乎无法工作。还在学习jquery。

Answer 1

试试这个：

$('body').delegate('.image.txt_over', 'mouseover mouseout', function(event) {
    if (event.type == 'mouseover') {
        $(".screen", this).stop().animate({top:'165px'},{queue:false,duration:300});
        $(this).fadeTo("slow", 1);
    } else {
        $(".screen", this).stop().animate({top:'226px'},{queue:false,duration:460});
    }
});

当通过Ajax更新内容时，Jquery停止

1 个答案: