jQuery fadeIn + fadeOut in IE?

StackOverflow https://stackoverflow.com/questions/1941356

  •  20-09-2019
  •  | 
  •  

Frage

ich habe ein Problem mit gtetting fadeIn und fadeOut Wirkung von jQuery richtig in IE zu arbeiten (6 + 7 + 8). Das Skript funktioniert in FF und Safari (Fading schön), aber im IE es nur ein- / ausblenden -. Keine Wirkung auf allen Verblassen

Irgendwelche Ideen? 

$(".myclass ul li:eq(" + $(this).attr("href") + ")").fadeIn(5000);

Das Attribut href, dass es immer einfach ist, einen numerischen Wert Halten der Position in der ul li Länge darstellt.

War es hilfreich?

Lösung

Ich hatte das gleiche Problem und verwenden den Code unten (von der Verbindung von Q8-Coder oben geschrieben). Es funktioniert gut, aber ich hatte noch einige Probleme. Ich habe bemerkt, dass die Verwendung von fadeTo auf einem Containerelement, das Kinder mit relativer oder absoluter Positionierung hatte funktionieren nicht in IE8. Die Eltern würden verblassen, aber alle Kinder Elemente mit positiver oder relativer Positionierung würden sichtbar bleiben. Der einzige Weg, um es war das Containerelement auszuwählen und alle Kinder es mit jQuery und dann anwenden fadeTo alle. 

jQuery.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();  
    }); 
}; 

jQuery.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.fn.fadeTo = function(speed,to,callback) { 
    return this.animate({opacity: to}, speed, function() { 
        if (to == 1 && jQuery.browser.msie)  
            this.style.removeAttribute('filter');  
        if (jQuery.isFunction(callback)) 
            callback();  
    }); 
};

Andere Tipps

versuchen, diese Abhilfe .

Für mich mit fadeIn() fein gearbeitet, mein <div> wäre schön Fade-In auf IE9, dann (wenn der Fading abgeschlossen wurde) würde es wieder disapper. Ah.

Das Update war der filter CSS Wert hier gezeigt hinzuzufügen: 

$("#fadeMeIn").fadeIn("slow");
$("#fadeMeIn").css('filter', 'none');

Versuchen Sie diese: 

$(".myclass ul li:eq(" + $(this).attr("href") + ")").hide().fadeIn(5000);

Ich hatte ein ähnliches Problem mit einem Skript in IE8. Nachdem ich den Z-Index ist das Problem verschwunden gesetzt. Ich fand die Lösung unten.

http://www.kevinleary.net/jquery -fadein-fadeout-Probleme-in-Internet-Explorer /

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top