JQuery不透明度不设置动画

我创建了下面的函数，将4个图像（全部位于单独的div中，以便与它们链接）作为一种图库淡入淡出。这是可行的，但当第四幅图像淡出，第一幅图像出现时，淡出不起作用，它只是改变z索引，然后显示第一幅图像。有人知道为什么会这样吗

$（函数（）{
设置间隔（“音量控制器（）”，5000）；
});
函数推子（）{
var$active=$（“#slider DIV.active”）；
var$next；
如果（$active.length==0）$active=（“#slider DIV:last”）；
if（$active.next（）.length==0）{
$next=$（“#滑块DIV:first”）；
}否则{
$next=$active.next（）
}
$active.addClass（'last-active'）；
$next.css({
不透明度：0.0
})
.addClass（“活动”）
.制作动画({
不透明度：1.0
}，1000，函数（）{
$active.removeClass（'active last active'）；
});
}

#fp1img、#fp2img、#fp3img、#fp4img{
z指数：8；
}
#fp1img.last active、#fp2img.last active、#fp3img.last active、#fp4img.last-active{
z指数：9；
}
#fp1img.active、#fp2img.active、#fp3img.active、#fp4img.active{
z指数：10；
}

---

用一个简单的解决方案解决了这个问题。如果删除了活动类和上次活动类，则我只删除了上次活动类。在动画发生之前，我删除了“活动”

$active.addClass('last-active'); 
$active.removeClass('active'); 
$next.css({opacity:0.0}) 
.addClass('active') 
.animate({opacity:1.0},1000,function(){ 
$active.removeClass(' last-active'); });

---

您的代码似乎在一个复杂的环境中运行良好：。你能举个例子说明这个问题吗。我猜您可能有其他CSS或JS干扰了此代码示例的行为。这是我以前在课程中运行的博客，现在我可以从头开始创建模板了。