使用jquery如何使用fadein，延遲和淡出問題

Question

我需要做一些fadeIn，然後呆在那裏一秒鐘，然後使用jQuery fadeOut。

我試過這個，但它dosent工作的原因？

$('#' + uMessage).fadeIn("fast").fadeOut("slow"); // works 
$('#' + uMessage).fadeIn("fast").delay(1000).fadeOut("slow"); // fails 

有什麼建議，我會出錯嗎？

非常感謝！

Answer 1

你的第二個方法應該是罰款實際上，對應於文檔（http://api.jquery.com/delay/）

另一種方法可以是使用被稱爲時淡入已經完成了回調函數：

$('#' + uMessage).fadeIn("fast", function() { $(this).delay(1000).fadeOut("slow"); }); 

只是一個猜

編輯：

如果您不能使用延遲（）方法，那麼你可以試試這個：

$('#' + uMessage).fadeIn("fast", function() { 
    c_obj = $(this); 
    window.setTimeout(function() { $(c_obj).fadeOut("slow"); }, 1000); 
}); 

下面是一個例子：http://jsfiddle.net/KwWFR/

Answer 2

也許嘗試使用的API中指定FadeIn功能的回調。這將在淡入完成後調用。

$('#' + uMessage).fadeIn("fast", function() { 
    $(this).delay(1000).fadeOut("slow"); 
}); 

Answer 3

我認爲問題出在你使用jQuery的版本：

http://jsfiddle.net/b85hx/

這一個工作正常。切換到1.3.2，它已損壞。

Answer 4

您使用的是jQuery 1.4+嗎？ jQuery的1.4

http://api.jquery.com/delay/

Answer 5

延遲添加延遲（）函數在淡出淡入淡出是行不通的。使用與隊列組合延遲後的回調，有時作品的其他情形

這結束了對我的工作：

$('#message').fadeIn(function() { 
    window.setTimeout(function() { 
    $('#message').fadeOut('slow'); 
    }, 2000); 
}); 

Answer 6

jQuery的官方文件說，這第二個參數是不是一個回調，但寬鬆的風格。

http://api.jquery.com/fadeIn/#fadeIn-duration-easing-complete http://api.jquery.com/fadeOut/#fadeOut-duration-easing-complete

$('#el').fadeOut(750,'swing',function(){ 
    $('#el').fadeIn(); 
}); 

所以只需將回調第三個參數，一切都將正常工作。