参考我的 previous question
我在搜索框上有滑动效果。我对同一页面中的两个面板实现了相同的效果。
现在的问题是,如果您可以看到我的working demo,当您在第一个和第二个图标上鼠标悬停时,您可以看到滑动效果。
此效果应该滑动一次并在一秒钟后顺利关闭,这是完美的。
但是当你快速鼠标悬停在两个图标上时(一个接一个地移动2-3次)并突然将光标移动到截面条的空白区域然后向下移动,你可以看到奇怪的动画。滑动。
为什么会发生这种影响?
这是SOF的示例代码
$('.search').mouseenter(function(){
$('.search > img').hide();
$('.search > input').show();
$(this).animate({'width' : "300px"});
});