jquery同步fadeout和fadein与不同的元素

Question

我尝试为以下问题找到解决方案。

使用不同的元素同步fadeout和fadeTo。

页面行为应该是这样的 - 页面加载 - 内容隐藏 - 显示菜单 - 内容淡入和菜单淡入淡出0.0

我的代码片段

$(document).ready(function(){
        $(".content_main").hide();
        $(".content_main").fadeIn(8000);
        $(".header > ul").ajaxSend(function(){this.fadeTo("8000", 0.0)});
});

但这不是同步，任何提示??

Answer 1

试试这个：

$(document).ready(function(){
        $(".content_main").hide();
        $(".content_main").fadeIn(8000, function () {
            $(".header > ul").ajaxSend(function(){this.fadeTo("8000", 0.0)});
        });
});

你基本上为fadeIn指定一个回调，所以当它完成时，它会调用该函数。 我不确定这是你想要的，但你明白了。