Jquery останавливается, когда контент обновляется через Ajax

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

и я пытаюсь сохранить эффект jquery hover после обновления нового набора изображений с помощью Ajax. В настоящее время jquery убивается после обновления Ajax.

Я думаю, что мне нужны .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});
    }
});