jQuery FadeOut很多div

前端之家收集整理的这篇文章主要介绍了jQuery FadeOut很多div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图一次淡出多个div并在完成后淡入一个div.这是代码
if($(this).attr("id")==="benefits-button"){

    $("#solar-about,#home-page,#process-page,#financing-page,#vendors-page,#consump-info-page,#smart-page,#wind-page,#about-page").fadeOut(750,function() {
         $("#benefits-page").fadeIn(750);
    });
    }

当选择器中有多个div时,fadeOut和fadeIn同时发生.

问题:如何在fadeOut之后获得fadeIn?

谢谢

解决方法

$("#benefits-page").fadeIn(750);

正在立即工作,因为当第一个元素(在你的例子中是#-solar-about)fadeOut动画完成时它开始工作.

如果你想等到所有动画都完成,你可以使用.promise(),如下所示:

$("#solar-about,#about-page").fadeOut(750).promise().done(function() {
     $("#benefits-page").fadeIn(750);
});

DEMO

猜你在找的jQuery相关文章