jQuery:在另一个完成后运行一个函数

Question

$('#tab-featured').tap(function(){
    $('.home-section').fadeOut(function(){
        $('#home-featured').fadeIn();
    });
});

我正在尝试使用上面的代码fadeIn()在fadeOut()完成后调用.该fadeOut()工程的罚款.在其他人完成之前我已经完成了功能,但这次它不起作用,对于我的生活,我无法弄清楚为什么.

从他们的CDN运行最新的jQuery.

码:

<div id="home-mid" class="column-mid">
    <div id="home-featured" class="home-main home-section">
        <!--- Some Code --->
    </div>

    <div id="home-2" class="home-main home-section">
        <!--- Some Code --->
    </div>

    <div id="home-3" class="home-main home-section">
        <!--- Some Code --->
    </div>

    <div id="home-4" class="home-main home-section">
        <!--- Some Code --->
    </div>

    <div id="home-5" class="home-main home-section">
        <!--- Some Code --->
    </div>

    <div id="home-tabs">
        <div id="tab-featured" class="home-tab"></div>
        <div id="tab-2" class="home-tab"></div>
        <div id="tab-3" class="home-tab"></div>
        <div id="tab-4" class="home-tab"></div>
        <div id="tab-5" class="home-tab"></div>
    </div>
</div>

更新:

尝试用hide而不是,fadeOut它工作得很好.不知道为什么fadeOut不工作.

Answer 1

动画函数的第一个参数是持续时间,回调是第二个参数:

$('.home-section').fadeOut(250, function(){
    $('#home-featured').fadeIn();
});

这是文档.

这可能是一个错误fadeOut()/ fadeIn()因为你的家庭功能也是一个家庭部分.尝试解决这个问题:

$('.home-section').fadeOut(function(){
    setTimeout(function () { $('#home-featured').fadeIn(); }, 50);
});