jquery fadeIn/fadeOut-à-dire ClearType pépin

Question

je essaie d'ajouter actuellement la fonction dont il est question ici: http://blog.bmn.name/2008/03/jquery-fadeinfadeout-ie-cleartype-glitch/

Un pépin dans IE7 lorsque la décoloration avec le .fadeIn() et .fadeOut() dans jQuery, IE supprime le rendu des fenêtres Cleartype; ce qui entraîne un texte très laid.

si je dis que je comprends correctement que je pouvais remplacer:

.fadeIn() 

avec

.customFadeIn('slow', function(customFades) {}) 

? en supposant que j'ai customFades fonction()

Answer 1

après quelques fix'n et trix'n ... :) fonctionne maintenant

function customFades() { 
    (function($) { 
     $.fn.fadeIn = function(speed, callback) { 
      return this.animate({opacity: 'show'}, speed, function() { 
       if (jQuery.browser.msie) 
        this.style.removeAttribute('filter'); 
       if (jQuery.isFunction(callback)) 
        callback(); 
      }); 
     }; 

     $.fn.fadeOut = function(speed, callback) { 
      return this.animate({opacity: 'hide'}, speed, function() { 
       if (jQuery.browser.msie) 
        this.style.removeAttribute('filter'); 
       if (jQuery.isFunction(callback)) 
        callback(); 
      }); 
     }; 
    })(jQuery); 
} 

Answer 2

Remplacez-le par

.customFadeIn('slow') 

Dans votre exemple. Le deuxième paramètre est toujours un rappel facultatif. Si vous n'avez pas besoin du rappel, vous pouvez simplement utiliser la version à un seul paramètre.

Si vous avez un rappel à utiliser:

.customFadeIn('slow', myCallback) // assumes function myCallback() exists 

Le point de ce genre de choses customFadeIn est juste pour vous éviter d'avoir à enlever le filtre chaque fois que vous utilisez un fondu.

Answer 3

http://www.kevinleary.net/jquery-fadein-fadeout-problems-in-internet-explorer/