jQuery fadeIn () & fonduSortie (): Problèmes dans Internet Explorer
- Partager /
- 10 Comments / jQuery / 10.18.08 / 10 Commentaires / /
Le 20 Janvier 2010 I amélioré la démo pour ce faire utiliser jQuery 1.4 et le fadeIn () et fonduSortie () questions semblent être fixé dans IE7 et IE8.
J'ai remarqué quelques problèmes avec mon travail jQuery. Lorsque j'utilise le fadeIn. () Ou. FonduSortie () méthodes que je voir le texte pixélisé laid dans Internet Explorer.
Preview / Sample / Démonstration
jQuery Problèmes Fading dans Internet Explorer
Comment il est fixé
Définir une couleur de fond avec les CSS sur l'élément qui s'étiole dans ou en dehors.
Une méthode alternative
Si vous rencontrez des problèmes avec la méthode ci-dessus donnent ce plugin jQuery un essai.
Merci à Bill: Je ne peux pas me rappeler où j'ai reçu ce mais si vous le google, vous le trouverez. Voici comment résoudre le problème (pas testé en jQuery 1.4).
Utilisez cette fonction. Changez votre 'fonduSortie' à 'customFadeOut ». Un échantillon de la configuration du projet de loi peut aussi être vu sur la page de démonstration.
( $ ) { (Function ($) ( = function ( speed , callback ) { $. Fn. CustomFadeIn = function (vitesse, callback) ( ) . fadeIn ( speed , function ( ) { $ (This). FadeIn (vitesse, function () ( ! $. support . opacity ) if (! $. soutien. opacité) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (This). Get (0). Style. RemoveAttribute ( 'filter'); callback != undefined ) if (callback! = undefined) callback (); )); ); = function ( speed , callback ) { $. Fn. CustomFadeOut = function (vitesse, callback) ( ) . fadeOut ( speed , function ( ) { $ (This). FonduSortie (vitesse, function () ( ! $. support . opacity ) if (! $. soutien. opacité) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (This). Get (0). Style. RemoveAttribute ( 'filter'); callback != undefined ) if (callback! = undefined) callback (); )); ); = function ( speed , to , callback ) { $. Fn. CustomFadeTo = function (vitesse, to, callback) ( ( { opacity : to } , speed , function ( ) { return this. animate ((opacity: à), la vitesse, function () ( to == 1 && jQuery. browser . msie ) if (to == 1 & & jQuery. navigateur. msie) . removeAttribute ( 'filter' ) ; cela. style. removeAttribute ( 'filter'); jQuery. isFunction ( callback ) ) if (jQuery. isFunction (callback)) callback (); )); ); ; )) (JQuery);
Ressources
- jQuery in Action: Si vous constatez que vous utilisez fréquemment jQuery dans vos projets I would highly recommend checking out de ce livre. J'ai lu cela et d'apprentissage aussi jQuery 1.3 et j'ai trouvé jQuery en action pour être plus clair, plus direct et plus puissant.
- jQuery IE Fade Test
- jQuery Reference Guide
4:01 AM jQuery fadeIn () & fonduSortie () - Bug pas d'Internet Explorer »Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e webstandards / 11.4.08 / 4:01
[...] Acabei encontrado mas uma solução muito interessante pas de site de Kevin que Leary Consiste Ajouter simplesmente em uma cor de fundo ao elemento que será aplicado o [...]
1:43 PM John / 10.11.09 / 1:43 PM
M'a sauvé beaucoup de temps sur celui-ci - merci!
7:56 PM Alexandre Oliveira / 11.12.09 / 7:56 PM
Ohhh là là! Je ne peux pas croire cela ...
IE est toujours de me surprendre.
10:20 PM @ dangerdave / 12.7.09 / 10:20 PM
Cela semblait prometteur, mais j'ai essayé un démo dans IE8 (sur Win7) et le "joli" Fade In est exactement comme brisé et que le pixellisée pas joli-fade-in. Hélas.
11:07 PM kevinlearynet / 12.7.09 / 11:07 PM
Hey Dave,
That's too bad - et j'ai entendu de si grandes choses environ 7. J'ai une copie de XP et le problème semble être fixé pour les deux exemples sur IE8 (même les mauvais). Jusqu'à ce que je obtenir une copie de Windows 7 rechargé sur VMware je ne sais pas comment l'aider sur ce coup. En attendant, si vous ou quelqu'un d'autre de trouver la cause, ou une solution s'il vous plaît laissez savoir à tous.
11:41 AM Stefan / 1.4.10 / 11:41
merci pour ça! Il me donnait des maux de tête pour quelques heures, juste quelques ..
Cheeeeeeeeeeeers!
2:35 AM frais / 1.16.10 / 2:35
Kevin, merci de partager! Mais si je ne peux pas choisir la couleur de BG, parce que j'ai un arrière-plan complexe ci-dessous sur l'élément du corps? Si je mets la couleur de BG, il sera vraiment laide sur la non-bg plat couleur. Vous savez que toute autre solution? Même un dur? :-)
4:23 PM kevinlearynet / 1.19.10 / 4:23 PM
Ne peut pas dire que je connais un correctif pour que les frais, même une partie difficile. Vous mai-être envisager de creuser autour de stackoverflow.com pour certains scénarios similaires:
href="http://stackoverflow.com/search?q=jquery+fadeIn+IE"> <a Stackoverflow.com recherche pour "IE fadeIn jQuery"
Si vous ne pouvez pas trouver quelque chose que je mettre une nouvelle entrée. Stackoverflow a été extrêmement utile pour moi, surtout avec les scénarios avancés jQuery comme ça.
Bonne chance et merci pour l'affichage!
7:24 AM Bill / 1.20.10 / 7:24
Je ne peux pas me rappeler où j'ai reçu ce mais si vous le google, vous le trouverez. Voici comment résoudre le problème (pas testé en jQuery 1.4).
Utilisez cette fonction. Changez votre 'fonduSortie' à 'customFadeOut ».
(function ($) (
$. fn.customFadeIn = function (vitesse, callback) (
$ (this). fadeIn (vitesse, function () (
if (! $. support.opacity)
$ (this). get (0). style.removeAttribute ( 'filter');
if (callback! = undefined)
callback ();
));
);
$. fn.customFadeOut = function (vitesse, callback) (
$ (this). fonduSortie (vitesse, function () (
if (! $. support.opacity)
$ (this). get (0). style.removeAttribute ( 'filter');
if (callback! = undefined)
callback ();
));
);
$. fn.customFadeTo = function (vitesse, pour, callback) (
retour this.animate ((opacity: à), la vitesse, function () (
if (to == 1 & & jQuery.browser.msie)
this.style.removeAttribute ( 'filter');
if (jQuery.isFunction (callback))
callback ();
));
);
)) (jQuery);
1:04 PM kevinlearynet / 1.20.10 / 1:04 PM
Merci de ce projet de loi, je l'ai ajouté à la poste et placé le code dans une visionneuse source.