缩略图淡入淡出特定 div 淡出问题答案

【问题标题】：Thumbnails fadein fadeout specific div fade issues缩略图淡入淡出特定 div 淡出问题
【发布时间】：2010-01-05 22:39:17
【问题描述】：

我正在使用此代码根据您翻转的缩略图隐藏和显示一个 div；

    $(document).ready(function(){
    $('div.infodiv').hide();
    $(".website_thumbs a").hover(
    function(){
       var name = $(this).attr("name");
       $(".infodiv").stop();
        $("."+name).fadeIn();
    },
    function(){
       var name = $(this).attr("name");
        $("."+name).fadeTo(7000,1).fadeOut();
    });
});

脚本从缩略图中获取 name 属性并显示具有相应类的 div。每个 div 共享 .infodiv 类，但每个缩略图都有一个唯一的类。

该功能基本上是我想要的功能，但是当您快速滚动缩略图时，一些 div 会卡在一种半淡入状态并停止工作，除非我将它们滚动一次 - 然后它们会慢慢淡入并它们又可以使用了。

我对 jQuery 有点陌生，如果有任何帮助，我将不胜感激。

【问题讨论】：

所以您不想在快速滚动缩略图时“淡入”？如果是这种情况，您可能会引入一些延迟。不知道我们怎么能做到这一点。如果用户将鼠标悬停在缩略图上超过“n 秒”，则显示 div。类似的东西。
查看下面的stackoverflow链接stackoverflow.com/questions/435732/delay-jquery-hover-event
不，我希望它按原样工作 - 淡入淡出可以延迟淡出，但它不会导致问题，即使没有它也可以。问题是如果你在多个缩略图之间走得太快，整个事情就会停止工作。似乎正在发生的事情是一些淡入/淡出 div 在淡入/淡出中途卡住了 - 所以它们不再起作用，直到您将鼠标悬停在它们然后鼠标移出，几秒钟后它们将消失并再次起作用。
顺便说一下，我添加了 fadeTo 延迟的原因是它在从缩略图到缩略图时不会显示任何空白。基本上我希望它看起来像一个 div 淡入下一个。

标签： jquery hover fadein fadeout fadeto

【解决方案1】：

尝试删除 $(".infodiv").stop();行——阻止所有 infodiv 的动画。

【讨论】：

我补充说，因为没有它，一旦我滚动下一个 div 直到动画播放完毕，它就不会显示前一个 div。

【解决方案2】：

解决方案最终成为hoverIntent 插件。

【讨论】：