Estoy tratando de usar un mensaje flash con un efecto de entrada y salida gradual usando jQuery . ¿Puede alguien sugerir la mejor manera de hacer esto?
Por supuesto:
$(function() { $('#flash').delay(500).fadeIn('normal', function() { $(this).delay(2500).fadeOut(); }); });Esta es una modificación de la respuesta de Jacob anterior. No puedes desvanecerte en algo que no está oculto inicialmente.
Instrucciones:
coloque una identificación de flash en su mensaje flash, así (mis mensajes flash se almacenan aquí app/views/layouts/_flashmessages.html.erb):
<% flash.each do |key, value| %> <div class="well lead" id="flash"><%= value %></div> <% end %>crea un nuevo archivo llamado assets/javascripts/flash.js.coffee
ponga esto (cuidado con los espacios, asegúrese de que todas las sangrías sean tabulaciones):
jQuery -> $('#flash').hide().delay(800).fadeIn(800).delay(4000).fadeOut(800)