jQuery fadeIn () & zanikat (): Problémy v aplikaci Internet Explorer
- Share /
- 10 Comments / jQuery / 10.18.08 / 10 Komentáře / /
Dne 20.ledna 2010 jsem modernizované demo pro toto použití jQuery 1.4 a fadeIn () a zanikat () problémy se zdají být stanovena v IE7 a IE8.
Všiml jsem si některé problémy, s jQuery mé práci. Když jsem se použít. FadeIn () nebo. Zanikat () metody vidím ošklivý pixelated text v aplikaci Internet Explorer.
Náhled / Sample / Demonstrace
jQuery Fading Problémy v aplikaci Internet Explorer
Jak se stanoví, že
Nastavit barvu pozadí pomocí CSS na prvek, který je blednutí dovnitř nebo ven.
Alternativní metody
Pokud máte problémy s výše uvedených způsobů darovat tato jQuery pluginu zkusit.
Díky Bill: Nemůžu si vzpomenout, kde jsem se to od google, ale pokud si to budete najít. To je, jak problém vyřešit (netestováno v jquery 1.4).
Použití této funkce. Změňte svůj 'zanikat' to 'customFadeOut'. Vzorek nastavení Billa lze také vidět na demo stránce.
( $ ) { (Function ($) ( = function ( speed , callback ) { $. Pozn. CustomFadeIn = function (rychlost, callback) ( ) . fadeIn ( speed , function ( ) { $ (This). FadeIn (rychlost, function () ( ! $. support . opacity ) if ($. podporu. neprůhlednost) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (This). Dostat (0). Stylu. RemoveAttribute ( 'filter'); callback != undefined ) if (zpětné volání! = undefined) callback (); )); ); = function ( speed , callback ) { $. Pozn. CustomFadeOut = function (rychlost, callback) ( ) . fadeOut ( speed , function ( ) { $ (This). Zanikat (rychlost, function () ( ! $. support . opacity ) if ($. podporu. neprůhlednost) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (This). Dostat (0). Stylu. RemoveAttribute ( 'filter'); callback != undefined ) if (zpětné volání! = undefined) callback (); )); ); = function ( speed , to , callback ) { $. Pozn. CustomFadeTo = function (rychlost, s, callback) ( ( { opacity : to } , speed , function ( ) { vrátit to. animate ((opacity: k), rychlost, function () ( to == 1 && jQuery. browser . msie ) if (k == 1 & & jQuery. prohlížeči. MSIE) . removeAttribute ( 'filter' ) ; to. styl. removeAttribute ( 'filter'); jQuery. isFunction ( callback ) ) if (jQuery. isFunction (zpětné volání)) callback (); )); ); ; )) (JQuery);
Zdroje
- jQuery v akci: Pokud zjistíte, že často používat jQuery ve vašich projektech bych velmi doporučujeme zkontrolovat tuto knihu. Četl jsem to, a také Learning jQuery 1.3 a zjistili jQuery v akci, které mají být jasnější, rovně vpřed a silnější.
- jQuery IE Fade Test
- jQuery Reference Guide
4:01 AM jQuery fadeIn () & zanikat () - Chyba není v aplikaci Internet Explorer »Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e WebStandards / 11.4.08 / 4:01 AM
[...] Mas acabei encontrado uma solução muito interessante žádné site de Kevin Leary que consiste em simplesmente přidej uma cor de Fundo ao elemento que será aplicado o [...]
1:43 PM John / 10.11.09 / 1:43 PM
Zachráněný mne množství of čas na tohle - díky!
7:56 PM Alexandre Oliveira / 11.12.09 / 7:56 PM
Ohhh my! Nemůžu tomu uvěřit ...
IE Vždycky mě překvapující.
10:20 PM @ dangerdave / 12.7.09 / 10:20 PM
To se zdálo slibné, ale snažil jsem si demo v IE8 (na Win7) a "docela" Fade In vypadá stejně jako zlomený a pixellated jako ne-docela fade-in. Běda.
11:07 PM kevinlearynet / 12.7.09 / 11:07 PM
Ahoj Dave,
To je škoda - a já jsem slyšel tak velké věci asi 7. Mám kopii XP a problém se zdá být pro oba příklady na IE8 (i negativní). Dokud jsem si kopii systému Windows 7 naplněna na VMware Nevím, jak přispět na tento jeden. Do té doby, pokud vy nebo někdo jiný je najít příčiny / řešení, prosím dejte všichni vědět.
11:41 AM stefan / 1.4.10 / 11:41
thanks for this! Bylo to, že mi z toho hlava pro spravedlivé pár hodin ..
Cheeeeeeeeeeeers!
2:35 AM čerstvý / 1.16.10 / 2:35 AM
Kevin, Thanks for sharing! Ale když nemohu nastavit bg barva, protože jsem pod ním složité pozadí na těle prvek? Mám-li nastavit bg barva, bude to vypadat opravdu ošklivý na non-flat-color bg. Jste znáte nějaké další řešení? Dokonce i to těžké? :-)
4:23 PM kevinlearynet / 1.19.10 / 4:23 PM
Nelze říct, že jsem vědět, oprava, že čerstvé, i tvrdý oříšek. Možná budete chtít zvážit kopat kolem stackoverflow.com některých podobných případech:
<a href="http://stackoverflow.com/search?q=jquery+fadeIn+IE"> Stackoverflow.com hledání "jQuery fadeIn IE"
Pokud nemůžete najít nic, co bych si po vstupu na trh. StackOverflow byla nesmírně užitečná pro mě, a to zejména s pokročilým jQuery scénářů, jako je tento.
Hodně štěstí a díky za vysílání!
7:24 AM účet / 1.20.10 / 7:24 AM
Nemohu si vzpomenout, kde jsem se to od google, ale pokud si to budete najít. To je, jak problém vyřešit (netestováno v jquery 1.4).
Použití této funkce. Změňte svůj 'zanikat' to 'customFadeOut'.
(function ($) (
$. fn.customFadeIn = function (rychlost, callback) (
$ (this). fadeIn (rychlost, function () (
if ($. support.opacity)
$ (this). dostat (0). style.removeAttribute ( 'filter');
if (zpětné volání! = undefined)
callback ();
));
);
$. fn.customFadeOut = function (rychlost, callback) (
$ (this). zanikat (rychlost, function () (
if ($. support.opacity)
$ (this). dostat (0). style.removeAttribute ( 'filter');
if (zpětné volání! = undefined)
callback ();
));
);
$. fn.customFadeTo = function (rychlost, s, callback) (
návrat this.animate ((opacity: k), rychlost, function () (
if (k == 1 & & jQuery.browser.msie)
this.style.removeAttribute ( 'filter');
if (jQuery.isFunction (zpětné volání))
callback ();
));
);
)) (jQuery);
1:04 PM kevinlearynet / 1.20.10 / 1:04 PM
Díky za tento návrh zákona, I've added to post a umístěn kód do zdrojového kódu.