Effetto dissolvenza messaggio flash

Question

Sto tentando di utilizzare un messaggio flash con un effetto di dissolvenza in entrata e in uscita utilizzando jQuery. qualcuno può suggerire il modo migliore per farlo?

Answer 1

Certo:

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

jsFiddle example

Answer 2

Questa è una modifica della risposta di Jacob sopra. Non è possibile dissolvenza in qualcosa che non è nascosto inizialmente.

Istruzioni:

messo un id del flash nel tuo messaggio flash, come questo (i miei messaggi flash sono memorizzati qui app/views/layout/_flashmessages.html.erb):

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

make un nuovo file chiamato attività/javascript/flash.js.coffee

mettere questo in (attenzione degli spazi, assicurarsi che tutte le rientranze sono schede):

jQuery -> 

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