Flash mesajında ​​yavaşlama yok

Question

jQuery kullanarak yanıp sönen ve sönen bir flaş mesaj kullanmaya çalışıyorum. Birisi bunu yapmanın en iyi yolunu önerebilir mi?

Answer 1

Emin: Bu, yukarıda Yakup'un cevabı bir modifikasyonu olan

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

jsFiddle example

Answer 2

. Başlangıçta gizlenmeyen bir şeyde kaybolmazsınız.

Talimatlar: Bu gibi flash mesajın içine flaş bir kimliği koymak

(benim flaş mesajlar burada saklanır app/views/düzenleri/_flashmessages.html.erb):

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

yapmak Bu koymak varlıklar/javascripts adlı yeni bir dosya/flash.js.coffee

(bütün çentikler sekmeleri olduğundan emin olun, yerlere dikkat):

jQuery -> 

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