是什么原因导致我的jQuery .fadeTo()效果出现这种奇怪的闪烁？

Question

这是一个带有一些缩略图的页面：

http://thenozzle.net/games

我想要的是当你把一个缩略图放在上面时，其他的就会变黑(每个拇指后面都有一个黑色的div )。悬停在那里，他们就会回来。

问题是，当你从一个缩略图转到下一个缩略图时，页面上的所有其他缩略图都会很快淡入淡出。我如何防止这种情况发生？有没有更好的方法来完成我想要完成的事情？

这是我到目前为止所知道的：

$('.child-thumb').hover(
    function () {
        $(this).addClass('active').removeClass('inactive');
        $('.inactive').children('img').stop(1,1).fadeTo('fast', .3);
            $('.inactive').children('p').stop(1,1).fadeTo('fast', .3);
    },
    function () {
        $('.inactive').children('img').stop(1,1).fadeTo('fast', 1);
            $('.inactive').children('p').stop(1,1).fadeTo('fast', 1);
        $(this).removeClass('active').addClass('inactive');
    }
);

注2:另外，如果有任何方法可以简化或压缩我的代码，使其更具语义/更快/更轻，请让我知道。

谢谢!

Answer 1

您错误地使用了.stop()。这里您可能需要的唯一参数是clearqueue = true (并且只有当您担心您的用户在.3s下进行两次切换时)

只需将所有停靠点设置为.stop(true)即可

例如：

$('.inactive').children('img').stop(true).fadeTo('fast', .3);

jsfiddle