jQuery FADEIN () & fadeOut (): Problemer i Internet Explorer
- Del /
- 10 Comments / jQuery / 10.18.08 / 10 Kommentarer / /
Den 20 januar 2010 jeg oppgraderte demonstrasjonen for å bruke jQuery 1,4 og FADEIN () og fadeOut () problemer synes å være løst i IE7 og IE8.
Jeg har merket noen problemer med min jQuery arbeid. Når jeg bruker. FADEIN () eller. FadeOut () metoder jeg ser stygg pixelated tekst i Internet Explorer.
Forhåndsvisning / Sample / Demonstrasjon
jQuery Fading Problemer i Internet Explorer
Hvordan den er fast
Angi bakgrunnsfarge med CSS på elementet som er filtrert inn eller ut.
En alternativ metode
Hvis du har problemer med metoden over gir dette jQuery programtillegg en prøve.
Takk til Bill: Jeg kan ikke huske hvor jeg fikk denne fra, men hvis du google den du finner det. Dette er hvordan du kan løse problemet (ikke testet i jquery 1.4).
Bruk denne funksjonen. Endre 'fadeOut' til 'customFadeOut'. Et utvalg av Bill oppsett kan også sees på demoen siden.
( $ ) { (Funksjon ($) ( = function ( speed , callback ) { $. Fn. CustomFadeIn = function (hastighet, callback) ( ) . fadeIn ( speed , function ( ) { $ (Denne). FADEIN (speed, function () ( ! $. support . opacity ) if (! $. støtte. opacity) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (Denne). Get (0). Stil. RemoveAttribute ( 'filter'); callback != undefined ) if (tilbakeringing! = undefined) tilbakeringing (); )); ); = function ( speed , callback ) { $. Fn. CustomFadeOut = function (hastighet, callback) ( ) . fadeOut ( speed , function ( ) { $ (Denne). FadeOut (speed, function () ( ! $. support . opacity ) if (! $. støtte. opacity) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (Denne). Get (0). Stil. RemoveAttribute ( 'filter'); callback != undefined ) if (tilbakeringing! = undefined) tilbakeringing (); )); ); = function ( speed , to , callback ) { $. Fn. CustomFadeTo = function (hastighet, til, tilbakeringing) ( ( { opacity : to } , speed , function ( ) { returnere dette. animate ((opacity: å), hastighet, function () ( to == 1 && jQuery. browser . msie ) if (til == 1 & & jQuery. nettleser. MSIE) . removeAttribute ( 'filter' ) ; dette. stil. removeAttribute ( 'filter'); jQuery. isFunction ( callback ) ) if (jQuery. isFunction (callback)) tilbakeringing (); )); ); ; )) (JQuery);
Ressurser
- jQuery in Action: Hvis du finner deg selv ofte bruker jQuery i prosjektene dine jeg vil sterkt anbefale å sjekke ut denne boken. Jeg har lest denne og også Learning jQuery 1,3 og har funnet jQuery i aksjon for å bli klarere, mer rett fram og kraftigere.
- jQuery IE Fade Test
- jQuery Reference Guide
4:01 AM jQuery FADEIN () & fadeOut () - Bug ikke 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 ingen site de Kevin Leary que consiste Simplesmente em Adicionar uma cor de Fundo sex elemento Que Sera aplicado o [...]
1:43 PM John / 10.11.09 / 1:43
Reddet meg mye tid på dette - takk!
7:56 PM Alexandre Oliveira / 11.12.09 / 7:56
Ohhh my! Jeg kan ikke tro dette ...
IE er alltid overraskende meg.
10:20 PM @ dangerdave / 12.7.09 / 10:20
Dette virket lovende, men jeg prøvde en demo i IE8 (på Win7) og "pen" visne i ser like knust og pixellated som ikke-pen fade-in. Akk.
11:07 PM kevinlearynet / 12.7.09 / 11:07
Hey Dave,
Det er synd - og jeg har hørt så store ting om 7. Jeg har en kopi av XP, og problemet ser ut til å være løst for begge eksempler på IE8 (selv de dårlige). Inntil jeg få en kopi av Windows 7 lastet opp på VMware Jeg vet ikke hvordan de kan hjelpe på dette. I mellomtiden dersom du eller noen andre finner sin årsak / løsning kan du lar alle vite.
11:41 AM stefan / 1.4.10 / 11:41
takk for dette! Det ga meg en hodepine for en rettferdig noen timer ..
Cheeeeeeeeeeeers!
2:35 AM fersk / 1.16.10 / 2:35
Kevin, takk for deling! Men hvis jeg ikke kan sette bg fargen, fordi jeg har en kompleks bakgrunn under på kroppen element? Hvis jeg setter den bg farge, vil det se veldig stygt på ikke-flat-color bg. Du vet du noen andre løsninger? Selv en hard en? :-)
4:23 PM kevinlearynet / 1.19.10 / 4:23
Kan ikke si jeg vet en løsning på det friskt, selv en tøff en. Du bør kanskje vurdere å grave rundt stackoverflow.com for noe lignende scenarier:
<a href="http://stackoverflow.com/search?q=jquery+fadeIn+IE"> Stackoverflow.com søk etter "jQuery FADEIN IE"
Hvis du ikke finner noe jeg vil legge inn en ny oppføring. Stackoverflow har vært utrolig nyttig for meg, spesielt med avanserte jQuery scenarier som dette.
Lykke til og takk for innlegg!
7:24 AM bill / 1.20.10 / 7:24
Jeg kan ikke huske hvor jeg fikk denne fra, men hvis du google den du finner det. Dette er hvordan du kan løse problemet (ikke testet i jquery 1.4).
Bruk denne funksjonen. Endre 'fadeOut' til 'customFadeOut'.
(funksjon ($) (
$. fn.customFadeIn = function (hastighet, callback) (
$ (denne). FADEIN (speed, function () (
if (! $. support.opacity)
$ (denne). get (0). style.removeAttribute ( 'filter');
if (tilbakeringing! = undefined)
tilbakeringing ();
));
);
$. fn.customFadeOut = function (hastighet, callback) (
$ (denne). fadeOut (speed, function () (
if (! $. support.opacity)
$ (denne). get (0). style.removeAttribute ( 'filter');
if (tilbakeringing! = undefined)
tilbakeringing ();
));
);
$. fn.customFadeTo = function (hastighet, til, tilbakeringing) (
return this.animate ((opacity: å), hastighet, function () (
if (til == 1 & & jQuery.browser.msie)
this.style.removeAttribute ( 'filter');
if (jQuery.isFunction (callback))
tilbakeringing ();
));
);
)) (jQuery);
1:04 PM kevinlearynet / 1.20.10 / 1:04
Takk for denne regningen, har jeg lagt det til stolpe og satte inn koden i en kilde seer.