jQuery停止fadeTo效果

我想要的是一种鼠标轨迹效果，当你在div上下悬停时。但是，如果你将鼠标悬停过快几次，然后停下来，效果会自己重复

我怎样才能解决这个问题？我想我需要一些类似于使用animate选项的解队列功能，但是对于fadeTo函数。有什么想法吗

$（“.test”）.mouseover（函数（e）{
美元（本）.fadeTo（200,1）；
}).mouseout（功能（e）{
美元（本）.fadeTo（200,0.3）；
});
.test{
填充物：5px；
宽度：200px；
颜色：#ffffff；
字体大小：粗体；
背景：#000000；
不透明度：0.3；
}

自闭症
自闭症
自闭症
自闭症
自闭症
自闭症
自闭症
自闭症
asd
添加
.stop（）
用于终止上一个动画：

正如您在标题中所描述的：）

您可以使用
.stop
方法停止以前的动画。如果将
true
作为参数传入，它还将清除排队的动画

如果我已经正确理解了您要查找的内容，那么您想要的是以下内容（您说您想要一个“鼠标轨迹”，我认为这意味着您不希望上一个动画在鼠标离开该元素时立即停止，因此只需调用一次
.stop
）：

您可以看到正在运行。
可能：可能重复的确保，并根据需要将两个参数设置为停止。第一个参数清除该对象的任何其他挂起动画的队列，第二个参数跳到动画的末尾（通常需要正确定位下一个动画）。通常，您需要
.stop（true，true）
。两者的默认值均为false。有关更多信息，请参阅。简单地停止也会降低平滑轨迹效果。@aoi我认为詹姆斯·阿拉尔迪奇的答案正是您想要的！
$(".test").mouseover(function(e){
    $(this).stop(true, true).fadeTo(200,1);
}).mouseout(function(e){
    $(this).stop(true, true).fadeTo(200,0.3);
});

$(".test").mouseover(function(e){
    $(this).stop().fadeTo(200,1);
}).mouseout(function(e){
    $(this).stop().fadeTo(200,0.3);
});

$(".test").mouseover(function(e){
    $(this).stop(true).fadeTo(200,1);
}).mouseout(function(e){
    $(this).fadeTo(200,0.3);
});