Question

我有一些带有div的图片和标题，当鼠标进入时会向上滑动，反之亦然。它有效，但滑动不会马上发生。所以，如果我将鼠标悬停在它上面几次（比方说10次），它会上下滑动30秒。我知道我的代码有问题。有什么想法吗？

$(document).ready(function(){

    $('.indexgall').on('mouseenter',function(){
        $(this).addClass('hoverimg');
        $(this).children().animate({
            top:150
        },600,function(){
        });
    });

    $('li').on('mouseleave',function(){
        $(this).removeClass('hoverimg');
        $(this).children().animate({
            top:250,
        },600,function(){
        });
        $(this).stop().animate({});
    });

}); // END DOCMENT READY

.hoverimg
{
    box-shadow: .2% .2% .2% gray;    /*2px 2px 2px gray */
    opacity: 0.8;
}

JsFiddle

Answer 1

动画在同一元素上调用时排队。在致电.stop()之前，您应致电.animate()。

$(this).children().stop().animate({

jQuery上下滑动功能延迟

1 个答案: