JQuery 淡出然后加载

Question

我对 JQuery 相当陌生，我在淡出然后加载时遇到问题。

我的代码是:

$("#refresh").live("click", function() {
    $("#postbit").fadeOut("slow");
       $("#postbit").load('load.php').fadeIn("slow");
    return false;
}); 

但是好像不行。如果我之前没有淡出并且只是加载它，它就可以正常工作。但是有没有办法让它先淡出然后慢慢淡入:)

谢谢

Answer 1

.fadeOut() 与许多其他 jQuery 函数一样，允许您指定在动画完成后执行的回调函数:

$("#refresh").live("click", function() {
    $("#postbit").fadeOut("slow", function() {
       $("#postbit").load('load.php').fadeIn("slow");
    });

    return false;
}); 

一旦淡出动画完成，这将执行匿名函数内的代码(.fadeOut() 的第二个参数)。

<小时/>

顺便说一句，您不应该再使用 .live()，因为它已被弃用，取而代之的是 .on() .