Re-Anzeige nach fadeOut

Question

Bitte kann ich versichern, dass ich das richtig mache:

ich eine Nachricht, die ich zu fadeOut will, nachdem er angezeigt wurde.

Die jQuery fadeOut-Sets Anzeige: keine, sobald die Deckkraft Null ist.

Wenn ich also die gleiche Nachricht erneut anzeigen möchte, indem ich visibility: visible einstelle, wird die Nachricht nicht angezeigt, da display: none ist immer noch gesetzt.

So ist es das, was ich getan habe:

 $("#message6").fadeOut(600, function(){ 
      $("#message6").css("display",""); 
      $("#message6").css("visibility","hidden");    
     }); 

Dies funktioniert gut. Es scheint nicht sehr elegant.

Fehle ich hier etwas? Gibt es eine gute Möglichkeit, dies zu tun?

Answer 1

Warum Sie nicht tun:

$("#message6").fadeOut(600); 

Und Ihre Nachricht noch einmal zeigen:

$("#message6").show(); 

Answer 2

Ich hatte schon immer seltsame Probleme mit den Methoden .fadeIn() und .fadeOut() von jQuery, also animiere ich normalerweise nur die Opazität. Es ist nichts falsch an diesem Ansatz, wenn Sie nur Dinge verstecken und zeigen.

$('#message6').animate({opacity:0}, 200); 

Wenn Sie nicht jede Art von Fading Animation möchten, können Sie nur verwenden, um die .hide() und .show() Methoden oder .css({opacity:0}) oder eine .animate() Methode mit 0 Animationsdauer.

Answer 3

Warum nicht so etwas wie diese

$(document).ready(function() { 
     $('#myLabel').fadeOut(1000, function() { 
      $(this).html(""); //reset the label after fadeout 
     }); 
    });​ 

Sample