Message Flash effet de fondu

Je suis en train d'utiliser un message flash avec un fondu d'entrée et de sortie à l'aide de jQuery. quelqu'un peut s'il vous plaît suggérer la meilleure façon de le faire?

InformationsquelleAutor chaz hamilton | 2011-01-26
  1. 57

    Sûr:

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

    jsFiddle exemple

    • parfait. merci!
    • vous êtes à la f*ckn' homme! été stressé à propos de ce
    • Ne pouvez pas obtenir fadeIN de travail, fonctionne bien-voir les stackoverflow.com/questions/24278586/... si vous êtes intéressé. Merci patron!
    InformationsquelleAutor Jacob Relkin
  2. 2

    C'est une modification de Jacob de la réponse ci-dessus.
    Vous ne pouvez pas fade en quelque chose qui n'est pas caché d'abord.

    Instructions:

    mettre un id de flash dans votre message flash, comme cela (mes messages flash sont stockées ici app/views/layouts/_flashmessages.html.erb):

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

    faire un nouveau fichier appelé actifs/javascript/flash.js.café

    mettre cela dans (attention aux espaces, assurez-vous que tous les indentations sont des tabulations):

    jQuery ->

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