Question

我有这些div我想在鼠标悬停时淡出并在mouseout上淡入。现在，当我快速盘旋在Divs上时，它开始变得越来越多。当我离开div安静一段时间时，它会逐渐淡出并消失并消失。一旦我离开div，我怎样才能减少错误，而不是让它淡出？

我没试过.stop。

$('#interieurprojecten, #interieurontwerpen, #interieurprojecten, #keukens, #kastenwanden, #meubels, #bedrijven').mouseover(function() {$(this).fadeTo( "slow" , 0.6, function() {});});
$('#interieurprojecten, #interieurontwerpen, #interieurprojecten, #keukens, #kastenwanden, #meubels, #bedrijven').mouseout(function() {$(this).fadeTo( "slow" , 1.0, function() {});});

http://jsfiddle.net/v21scmxu/

Answer 1

在.fadeTo

之前使用.clearQueue()

http://jsfiddle.net/v21scmxu/1/

Answer 2

试试这个......

$('#interieurprojecten, #interieurontwerpen, #interieurprojecten, #keukens, #kastenwanden, #meubels, #bedrijven')
.mouseover(function() {
    $(this).stop().fadeTo("slow", 0.6);
})
.mouseout(function() {
    $(this).stop().fadeTo("slow", 1.0)
;});

你尝试stop()是对的，但我猜你做错了。此外，您似乎在mouseout处理程序中有mouseover处理程序。上面的代码也解决了这个问题。

这是一个更新的jsFiddle ......

http://jsfiddle.net/v21scmxu/2/

Answer 3

使用stop( true, true ) stop()

$('#interieurprojecten, #interieurontwerpen, #interieurprojecten, #keukens, #kastenwanden, #meubels, #bedrijven')
    .mouseover(function () {
    $(this).stop( true, true ).fadeTo("slow", 0.6, function () {});
});
$('#interieurprojecten, #interieurontwerpen, #interieurprojecten, #keukens, #kastenwanden, #meubels, #bedrijven').mouseout(function () {
    $(this).stop( true, true ).fadeTo("slow", 1.0, function () {});
});

如何使用Jquery重置不透明度/动画。 jsfiddle包括在内

3 个答案:

DEMO