Javascript 如何阻止jQuery缓冲悬停效果？

我有两个图像堆叠在一起，并试图使用它进行导航。在悬停状态下，我使用jQuery将光标移到0，并在光标离开时返回到1。这是工作，但这是我的问题。如果在列表项上来回运行几次鼠标光标，则会缓冲效果。如何从缓冲区阻止它？谢谢

剧本

$(document).ready(function () {
$("li").hover(function(){
$(this).fadeTo(250, 0);
},function(){
$(this).fadeTo(350, 1);
});
});

HTML

使用.stoptrue可取消该对象上当前正在进行的任何动画，并将其从动画队列中删除，以便下一个动画可以立即开始，而无需等待当前动画完成：

$(document).ready(function () {
    $("li").hover(function(){
        $(this).stop(true).fadeTo(250, 0);
    },function(){
        $(this).stop(true).fadeTo(350, 1);
    });
});

有关详细信息，请参阅。使用.stoptrue可取消该对象上当前正在进行的任何动画，并将其从动画队列中删除，以便下一个动画可以立即开始，而不必等到当前动画完成：

$(document).ready(function () {
    $("li").hover(function(){
        $(this).stop(true).fadeTo(250, 0);
    },function(){
        $(this).stop(true).fadeTo(350, 1);
    });
});

---

有关更多信息，请参阅。

在继续之前停止使用旧效果：

$(document).ready(function() {
    $("li").hover(function() {
        $(this).stop().fadeTo(250, 0);
    }, function() {
        $(this).stop().fadeTo(350, 1);
    });
});

---

继续之前，请停止使用旧效果：

$(document).ready(function() {
    $("li").hover(function() {
        $(this).stop().fadeTo(250, 0);
    }, function() {
        $(this).stop().fadeTo(350, 1);
    });
});

---

jQuery没有缓冲区。您所指的是动画队列。除了.stop方法之外，该方法还清除了下面答案中提到的队列。还有.dequeue，它不会清除队列，但会将动画放在第一行。jQuery不会缓冲。您所指的是动画队列。除了.stop方法之外，该方法还清除了下面答案中提到的队列。还有.dequeue，它不会清除队列，但会将动画放在第一行。