Flash消息淡入淡出效果

Question

我試圖使用帶淡入淡出效果的使用jQuery的Flash消息。有人可以建議這樣做的最佳方式？

Answer 1

肯定的：

$(function() { 
    $('#flash').delay(500).fadeIn('normal', function() { 
     $(this).delay(2500).fadeOut(); 
    }); 
}); 

jsFiddle example

Answer 2

這是上面雅各布的回答修改。 你不能淡入最初沒有隱藏的東西。

說明：

把閃光的ID到Flash的消息，像這樣（我的提示信息都存儲在這裏的應用程序/視圖/佈局/ _flashmessages.html.erb）：

<% flash.each do |key, value| %> 
    <div class="well lead" id="flash"><%= value %></div> 
<% end %> 

化妝/被叫資產/ JavaScript的一個新的文件flash.js.coffee

把這個（注意空格，確保所有缺口是選項卡）：

jQuery -> 

    $('#flash').hide().delay(800).fadeIn(800).delay(4000).fadeOut(800)