Question

我正在使用此代码隐藏并显示基于您翻转的缩略图的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有点新鲜，并希望得到任何帮助。

Answer 1

尝试删除$（“。infodiv”）。stop（）; line - 阻止所有infodivs动画制作。

Answer 2

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

缩略图fadein fadeout特定的div淡出问题

2 个答案: