jquery中奇怪的滑动效果

时间:2013-05-07 13:02:42

标签: jquery css slidingmenu

参考我的 previous question

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

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

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

但是当你快速鼠标悬停在两个图标上时(一个接一个地移动2-3次)并突然将光标移动到截面条的空白区域然后向下移动,你可以看到奇怪的动画。滑动。

为什么会发生这种影响?

这是SOF的示例代码

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

1 个答案:

答案 0 :(得分:0)

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