jQuery等待函数执行

时间:2011-04-13 23:55:44

标签: javascript jquery

我正在尝试调用2个函数。第一个函数包括jQuery效果。第二个函数(在这种情况下是jQuery效果),但只能在第一个函数执行(并完成)时执行。有人可以帮我吗?谢谢!

Fox示例:http://jsfiddle.net/fNH2u/1/

function hideSecond(){
    $("#second").hide("slow");
}

$("#first").click(function(){
    hideSecond();
    $(this).hide("fast");
});

和HTML:

<div id="first">
    first
</div>
<div id="second">
    second
</div>

我想调用的函数不仅仅是jQuery效果。这只是一个例子。将这两个功能放在一起并不是我真正想要的。

2 个答案:

答案 0 :(得分:4)

您需要在此处使用回调。

function hideSecond(callback){
    $("#second").hide("slow", callback);
}

$("#first").click(function(){
    hideSecond(function() {
       $(this).hide("slow");
    });
});

答案 1 :(得分:0)

尝试在[complete]参数中使用带有回调函数的.animate()