jQuery fadeIn, fadeOut Effekte in IE

stimmen
4

Die unten fadeIn , fadeOut Effekt funktioniert in Firefox 3.0 , aber es funktioniert nicht in IE 7 ... Whay ist das und was ist der Trick? Die Idee ist natürlich einen „blink“ Effekt zu erhalten und um die Aufmerksamkeit des Benutzers auf eine bestimmte Zeile in einer Tabelle zu gewinnen.

function highLightErrorsAndWarnings() {
            $(.status-error).fadeIn(100).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300);
            $(.status-warning).fadeIn(100).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300);
        }

Update: Fand das dumme Problem ... .status-Fehler verweist auf ein tr-Element. Es ist möglich, die Menge der Hintergrundfarbe und verblassen sie auf einem tr in Firefox aber nicht im Internet Explorer. Ändern des „CSS - Zeiger“ auf „.status-Fehler td “ machte es unter dem tr td zeigen und alles funktioniert in allen Browsern.

Veröffentlicht am 09/12/2008 um 16:23
quelle vom benutzer
In anderen Sprachen...                            


3 antworten

stimmen
5

Seltsam .. konnte man nicht sagen , warum Sie das Problem , wenn es darum, aber vielleicht das pulsieren Effekt - Plugin versuchen? http://docs.jquery.com/UI/Effects/Pulsate

Beantwortet am 09/12/2008 um 17:59
quelle vom benutzer

stimmen
1

Nun, ich habe mit verschiedenen Möglichkeiten experimentiert dieses Problem zu beheben. Der down and dirtyAnsatz, den ich verwenden ist Hintergrund- und Vordergrundfarbe auf Text zu erkennen und nur animiert die div/span/etcmit Farbwechsel.

Dieser Code-Schnipsel wird „pulsieren“ der Text einmal (Sie eine Funktion erstellen, die es mehrmals tut nach:

$.fn.crossBrowserPulsate = function() {
    var startColor = $(this).css("background-color");
    var endColor = $(this).css("color");

    $(this).animate({color:startColor},500,
     function() {
      $(this).animate({color:endColor},500,
       ...
      )}
    );
}
Beantwortet am 31/01/2010 um 05:20
quelle vom benutzer

stimmen
1

Ich habe ein ähnliches Problem, aber ich kann die TDs stattdessen aus verschiedenen Gründen nicht wählen.

Wenn auch Sie betroffen sind, könnten Sie statt fadeIn mit Show versuchen. Da ich die in ähnlicher Weise gebrochen fadeTo bin mit nicht dieser mir nicht helfen :(

Es ist ein jQuery Bug offen hier - http://dev.jquery.com/ticket/5451

Wenn Sie betroffen sind, äußern Sie sich bitte auf dem Ticket.

Beantwortet am 24/12/2009 um 18:16
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more