[jQuery] fadeTo problem z IE Opcje

[Spyder]

Witam

Próbuje dodac do mojego fadeTo dodatek typu

Wszystkie inne przegladarki

[HTML] pobierz, plaintext 
$(this).fadeTo("slow", 1.0);
[HTML] pobierz, plaintext 

Tylko internet explorer

[HTML] pobierz, plaintext 
<!--[if IE]>$(this).fadeTo("slow", 1.0, function() { this.style.removeAttribute('filter'); });<![endif]--> 
[HTML] pobierz, plaintext 

lub bylo tak

[HTML] pobierz, plaintext 
$(this).fadeTo("slow", 1.0 <!--[if IE]>, function() { this.style.removeAttribute('filter'); }<![endif]-->
); 
[HTML] pobierz, plaintext 

this.style.removeAttribute('filter'); jest wymagany do nadania czcionce gladkich krawedzi bo zrobieniu animacji problem jest taki ze to wywala skolei Firefoxa wiec musze tylko dodac ten kawalek jak jest IE tyle ze jak te dwa demka co dalem nie dzialaja. Moze ktos wie jak wykryc w tym przypadku ie i dodac ta linijke. THX

Ten post edytował Spyder 7.09.2009, 00:31:59

[erix]

Efekt pojawiania w IE zależy właśnie od filtra; jeśli go usuniesz, nici z półprzezroczystości...

[Spyder]

Jestes w bledzie to jes wlasnie technika pozbycia sie brzydkich czcionek. Poczytaj tu:

http://blog.bmn.name/2008/03/jquery-fadein...eartype-glitch/

Moje pytanko jest tylko jak zrobic zeby ta linijka byla rozpoznawana tylko przez IE

[erix]

Źródła jQ:

[JAVASCRIPT] pobierz, plaintext 
// IE uses filters for opacity
		if ( !jQuery.support.opacity && name == "opacity" ) {
			if ( set ) {
				// IE has trouble with opacity if it does not have layout
				// Force it by setting the zoom level
				elem.zoom = 1;
 
				// Set the alpha filter to set the opacity
				elem.filter = (elem.filter || "").replace( /alpha\([^)]*\)/, "" ) +
					(parseInt( value ) + '' == "NaN" ? "" : "alpha(opacity=" + value * 100 + ")");
			}
 
			return elem.filter && elem.filter.indexOf("opacity=") >= 0 ?
				(parseFloat( elem.filter.match(/opacity=([^)]*)/)[1] ) / 100) + '':
				"";
		} 
[JAVASCRIPT] pobierz, plaintext 

Trochę mi się to w głowie nie mieści, ale cóż...

Zresztą, w komentarzach parę osób zgłaszało problemy... A jeśli chodzi o problem z działaniem - masz komentarz warunkowy, a gdzie zdarzenie?

[Spyder]

Niestety to nie dziala...

[erix]

Pokaż, co zrobiłeś.

[baa]

Komentarze warunkowe nie będą działać, bo to komentarze HTMLa, nie JS.

Ja zawsze robię tak:

Dodaję swoją metodę, usuwającą problem z ClearType:

[JAVASCRIPT] pobierz, plaintext 
    jQuery.fn.extend({
        // fix msie7 ClearType 
        ieFilter: function() {
            return this.each(function(){
                if(this.style.filter && this.style.removeAttribute){
                    this.style.removeAttribute('filter');
                }
            });
        }
    })
[JAVASCRIPT] pobierz, plaintext 

I tej metody używa się dopiero PO animacji przezroczystości, czyli w tzw. callback function, dodawanej jako trzeci argument:

[JAVASCRIPT] pobierz, plaintext 
$(this).fadeTo('slow', 1, function() {
	if($.browser.msie && $.browser.version == '7.0') {
		$(this).ieFilter()
	}
})
[JAVASCRIPT] pobierz, plaintext 

W zasadzie to sprawdzanie przeglądarki możesz przenieść do definicji metody. Powinno pomóc.