jquery fadeIn / fadeOut即cleartype故障

时间:2011-12-16 10:20:06

标签: jquery internet-explorer fadein fadeout cleartype

我目前正在尝试添加此处讨论的功能:http://blog.bmn.name/2008/03/jquery-fadeinfadeout-ie-cleartype-glitch/

在jQuery中使用.fadeIn()和.fadeOut()淡化时IE7中出现故障,IE会删除windows Cleartype呈现;这导致非常难看的文字。

如果我说我可以替换,我是否正确理解:

.fadeIn()

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

? 假设我有函数customFades()

3 个答案:

答案 0 :(得分:1)

将其替换为

.customFadeIn('slow')

在你的例子中。第二个参数仍然是可选的回调。如果您不需要回调,则可以使用单参数版本。

如果您要使用回调:

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

这个customFadeIn的目的只是让你不必在每次使用淡入淡出时都删除过滤器。

答案 1 :(得分:1)

答案 2 :(得分:0)

在一些fix'n和trix'n之后......现在有效:)

    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);
}