Question

我正在尝试创建一个无限重复的简单jquery滑块。我把这个类“隐藏”在隐藏的项目上，并且该类“特色”在未隐藏的项目上。然后计划是通过淡入淡出的动画在它们之间切换。

问题在于我无法弄清楚如何将“隐藏”类添加到精选项目中，而不会在之后将其更改回“精选”。

我该怎么做？这是我目前的jQuery代码：

        var fadeTime = 2500;
        var slideInterval = 5000;

        $("article.hidden").hide();


        function aSlider(){     
            $("article.featured").removeClass("featured").addClass("hidden")
            $("article.hidden").removeClass("hidden").addClass("featured").fadeIn(fadeTime);
        };

        setInterval(aSlider, 5000);

谢谢，

的Marius

Answer 1

错误在您的代码中：

当你跑第一行时：

$("article.featured").removeClass("featured").addClass("hidden")

然后你运行第二个你对你刚改变的那个做出行动！

$("article.hidden").removeClass("hidden").addClass("featured").fadeIn(fadeTime);

这是您的解决方案：http://jsfiddle.net/Madthew/39w8Z/3/

简单的jQuery滑块重复

1 个答案: