0

参考我之前的问题

我在搜索框上有滑动效果。我为同一页面中的两个面板实现了相同的效果。

现在的问题是,如果您可以看到我的工作演示,当您将鼠标悬停在第一个和第二个图标上时,您可以看到滑动效果。

此效果应该滑动一次并在一秒钟后平滑关闭,这是完美的。

但是当你快速将鼠标悬停在两个图标上(一个接一个,2-3次),突然将光标移到部分栏的空白处,然后向下,你可以看到奇怪的滑动动画。

为什么会出现这种效果?

这是 SOF 的示例代码

$('.search').mouseenter(function(){
    $('.search > img').hide();
    $('.search > input').show();
    $(this).animate({'width' : "300px"});
});
4

1 回答 1

0

您需要使用.stop()它来告诉 jquery 停止所有其他动画,直到这个动画完成。jQuery 停止

于 2013-05-07T13:05:03.693 回答