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