jQuery fadeIn () & fadeOut (): Probleme im Internet Explorer
- Sagen /
- 10 Comments / jQuery / 10.18.08 / 10 Kommentare / /
Am 20. Januar 2010 aktualisiert ich die Demo für diese zu jQuery 1.4 und die fadeIn () und fadeOut () Fragen scheinen in IE7 und IE8 festgesetzt werden.
Ich habe einige Probleme mit meinem jQuery Arbeit bemerkt. Wenn ich die. FadeIn () oder. FadeOut ()-Methode sehe ich hässlich pixelig Text im Internet Explorer.
Vorschau / Sample / Demonstration
jQuery Fading Probleme im Internet Explorer
Wie ist es fester
Legen Sie eine Hintergrundfarbe mit CSS auf das Element, das Einblenden oder aus ist.
Eine alternative Methode
Wenn Sie Probleme mit der oben beschriebenen Methode geben diesem jQuery Plugin ausprobieren.
Dank Bill: Ich kann mich nicht erinnern, wo ich diese bekommen, aber wenn Sie von google it Hier erfahren Sie es. Dies ist, wie das Problem zu beheben (nicht im jquery 1,4 getestet).
Verwenden Sie diese Funktion. Ändern Sie Ihre "fadeOut 'auf' customFadeOut. Eine Probe des Setup-Bill's können auch auf der Demo-Seite gesehen werden.
( $ ) { (Function ($) ( = function ( speed , callback ) { $. Fn. CustomFadeIn = function (Geschwindigkeit, callback) ( ) . fadeIn ( speed , function ( ) { $ (This). FadeIn (Geschwindigkeit, function () ( ! $. support . opacity ) if ($. unterstützen. Opazität) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (This). (0) zu erhalten. Stil. RemoveAttribute ( 'Filter'); callback != undefined ) if (callback! = undefined) Callback (); )); ); = function ( speed , callback ) { $. Fn. CustomFadeOut = function (Geschwindigkeit, callback) ( ) . fadeOut ( speed , function ( ) { $ (This). FadeOut (Geschwindigkeit, function () ( ! $. support . opacity ) if ($. unterstützen. Opazität) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (This). (0) zu erhalten. Stil. RemoveAttribute ( 'Filter'); callback != undefined ) if (callback! = undefined) Callback (); )); ); = function ( speed , to , callback ) { $. Fn. CustomFadeTo = function (Geschwindigkeit, um den, callback) ( ( { opacity : to } , speed , function ( ) { return this. animate ((opacity: zu), Geschwindigkeit, function () ( to == 1 && jQuery. browser . msie ) if (bis == 1 & & jQuery. Browsers. MSIE) . removeAttribute ( 'filter' ) ; dies. Stil. removeAttribute ( 'Filter'); jQuery. isFunction ( callback ) ) if (jQuery. isFunction (callback)) Callback (); )); ); ; )) (JQuery);
Resources
- jQuery in Action: Wenn Sie sich häufig mit jQuery in Ihren Projekten Ich würde empfehlen, Check-out this book. Ich habe diese gelesen und auch 1,3 Learning jQuery und jQuery in Action gefunden werden klarer, geradlinig und leistungsfähiger.
- jQuery IE Fade Test
- jQuery Reference Guide
4:01 AM jQuery fadeIn () & fadeOut () - Bug keinen Internet Explorer »pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e Webstandards / 11.4.08 / 4:01
[...] Mas acabei encontrado uma solução muito interessante no site de Kevin Leary que consiste simplesmente adicionar em uma cor de fundo ao elemento que será aplicado o [...]
1:43 PM John / 10.11.09 / 1:43 PM
Gespeichert mir eine Menge Zeit damit - danke!
7:56 PM Alexandre Oliveira / 11.12.09 / 7:56 PM
Ohhh ja! Ich kann nicht glauben ...
IE ist mir immer wieder überraschend.
10:20 PM @ dangerdave / 12.7.09 / 10:20 PM
Dies schien viel versprechend, aber ich habe versucht Ihr Demo in IE8 (auf Win7) und der "schönen" Fade-In sieht aus, als defekt und als nicht-pretty Fade-In pixelig. Ach.
11:07 PM kevinlearynet / 12.7.09 / 11:07 PM
Hey Dave,
That's too bad - und ich habe so große Dinge rund 7 gehört. Ich habe eine Kopie von XP und das Problem scheint für beide Beispiele auf IE8 festgesetzt werden (auch die schlechten). Bis ich eine Kopie von Windows 7 erhalten, verladen auf VMware Ich weiß nicht, wie man auf diese Hilfe ein. In der Zwischenzeit, wenn Sie oder jemand anderes zu finden ist die Ursache / Lösung lass es alle wissen.
11:41 AM stefan / 1.4.10 / 11:41
thanks for this! Es gab mir Kopfschmerzen zu einem fairen wenige Stunden ..
Cheeeeeeeeeeeers!
2:35 AM frisch / 1.16.10 / 2.35
Kevin, thanks for sharing! Aber wenn ich nicht setzen bg Farbe, weil ich einen komplizierten Hintergrund unten im Body-Element haben? Wenn ich die Hintergrundfarbe gesetzt ist, wird sie sehen wirklich hässlich auf nicht-flat-color bg. Sie wissen Sie eine andere Lösung? Selbst ein hartes? :-)
4:23 PM kevinlearynet / 1.19.10 / 4:23 PM
Kann nicht sagen, ich weiß, dass ein Update für frisches, selbst eine schwere Frage. Sie können prüfen, um zu graben stackoverflow.com für einige ähnliche Szenarien:
<a href="http://stackoverflow.com/search?q=jquery+fadeIn+IE"> Stackoverflow.com Suche nach "jQuery fadeIn IE"
Wenn Sie nicht finden können, was ich einen neuen Eintrag zu senden. Stackoverflow ist unglaublich hilfreich für mich, besonders mit fortgeschrittenem jQuery Szenarien wie diese.
Viel Glück und vielen Dank für die Buchung!
7:24 AM Rechnung / 1.20.10 / 7.24
Ich kann mich nicht erinnern, wo ich diese bekommen, aber wenn Sie von google it Hier erfahren Sie es. Dies ist, wie das Problem zu beheben (nicht im jquery 1,4 getestet).
Verwenden Sie diese Funktion. Ändern Sie Ihre "fadeOut 'auf' customFadeOut.
(function ($) (
$. fn.customFadeIn = function (Geschwindigkeit, callback) (
$ (this). fadeIn (Geschwindigkeit, function () (
if ($. support.opacity)
$ (this). (0) zu erhalten. style.removeAttribute ( 'Filter');
if (callback! = undefined)
Callback ();
));
);
$. fn.customFadeOut = function (Geschwindigkeit, callback) (
$ (this). fadeOut (Geschwindigkeit, function () (
if ($. support.opacity)
$ (this). (0) zu erhalten. style.removeAttribute ( 'Filter');
if (callback! = undefined)
Callback ();
));
);
$. fn.customFadeTo = function (Geschwindigkeit, um den, callback) (
Rückkehr this.animate ((opacity: zu), Geschwindigkeit, function () (
if (bis == 1 & & jQuery.browser.msie)
this.style.removeAttribute ( 'Filter');
if (jQuery.isFunction (callback))
Callback ();
));
);
)) (jQuery);
1:04 PM kevinlearynet / 1.20.10 / 1:04 PM
Danke für diesen Gesetzentwurf, ich habe es auf die Post gebracht hat und den Code in einem Quelle-Viewer.