Блог

У меня есть:

 $('.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 после обновления нового набора изображений через Ajax. В настоящее время jquery завершается после обновления Ajax.

Я думаю, что мне нужно.делегировать () или .live (), но, похоже, не удается заставить ни то, ни другое работать. Все еще изучаю jquery.

Попробуйте это:

 $('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});
    }
});