JQuery - IE6 - ¿Cómo Fadeout y FadeIn al mismo tiempo?
https://stackoverflow.com/questions/2055551
-
20-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Tengo una secuencia de posición div absoluto, decir
<div>...</div>
<div style="display:none">...</div>
<div style="display:none">...</div>
<div style="display:none">...</div>
he escrito un código de diapositivas simple usando jQuery
currentDiv.fadeOut('slow');
nextDiv.fadeIn('slow');
Funciona perfectamente en FF / Chrome / Safari / IE7 / IE8, pero no en IE6. He encontrado en IE6, fadeOut y no fadeIn ocurren simultáneamente como en otros navegadores, fadeIn siempre comienzo después fadeOut se ha completado. alguna idea?
Solución
Sólo traté este ejemplo y tanto una obra fadeIn y fadeOut al mismo tiempo en IE6:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$(document.body).click(function () {
$("div#one").fadeOut("slow");
$("div#two").fadeIn("slow");
});
});
</script>
<style>
span { color:red; cursor:pointer; }
div { margin:3px; width:80px; display:none;
height:80px; float:left; }
div#one { background:#f00; display:block;}
div#two { background:#0f0; }
div#three { background:#00f; }
</style>
</head>
<body>
<span>Click here...</span>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</body>
</html>
I modificado el ejemplo de: http://docs.jquery.com/Effects/animate #paramsoptions
Me he dado cuenta antes de que la fijación de los estilos de presentación en Ninguno en el div real en lugar de en el archivo CSS o por medio de jQuery a veces puede causar problemas. Trate simplemente dando a cada Div una clase de displaynone en lugar de establecer su etiqueta de estilo. Espero que esto ayude y buena suerte!
Otros consejos
¿Usted ha comprobado en este sitio: http://www.geeksucks.com/ caja de herramientas / 23-jquery-fade-in-fundido de salida-effect.htm
? Aquí es un plugin para jQuery GOOG: http://malsup.com/jquery/cycle/
¿Has probado a escribir su propia animación para lograr los fundidos, en lugar de utilizar los valores por omisión proporcionados. No sé que va a ser mejor, pero podría valer la pena probar.
