javascript - FadeOut 结束然后做点什么

Question

我的 slider 有一些问题。我有彩色 div(在原始元素中是图像)和上面的文字。我想要的是:

1. 淡入背景色
2. 文本淡入
3. 淡出文本
4. 淡出背景色。

听起来很简单，但我无法获得这种效果。我不能及时淡出文本，它突然消失了。我尝试在 fadeOut() 中添加匿名函数，但没有成功。

<section class="opinions">
    <div class="opinionsContent"> 
        <div class="slider">
            <h2></h2>
        </div>
    </div>
</section>

代码如下: https://jsfiddle.net/jes6vhdf/

Answer 1

这应该与 fadeOut 回调一起使用:

Javascript

    $('.opinions .slider').removeClass(sliderBGClasses[currentClass]);
    $('.opinions .slider h2').fadeOut('slow', function() {
        $(this).removeClass(descriptionsClasses[currentClass]);
        currentClass = currentClass + 1 < descriptionsClasses.length ? currentClass + 1 : 0;
        $('.opinions .slider h2').fadeIn('slow').addClass(descriptionsClasses[currentClass]);
        $('.opinions .slider').addClass(sliderBGClasses[currentClass]);
    });

JSFiddle