jquery - 简单的 jQuery 滑块重复

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);

谢谢，

马吕斯

Answer 1

错误在您的代码中：

当您运行第一行时：

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

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

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

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