2010-11-03 11 views
6

He tenido este problema dos veces en dos sitios diferentes. Funciona en todos los navegadores que no sean IE9.jQuery slideDown en IE9: el contenido desaparece después de que la animación finaliza

Tengo un div que se abre y se cierra usando jquery slideup y slideDown (el mismo problema ocurre con slideToggle). Puedo ver el contenido del div mientras se desliza hacia abajo, pero tan pronto como la animación se detiene, el contenido desaparece.

Heres un ejemplo de este problema http://www.ohnuts.com/searchResults.cfm?criteria=cashews&search=all haga clic en el enlace "más categorías".

¿Alguien más ha experimentado este problema y hay alguna solución alternativa? Puedo cambiarlo simplemente para mostrar/ocultar, funciona bien, pero me gustaría mantener el efecto de que se abra.

+0

¿Presentó un error o buscó un error en el rastreador de errores jQuery? Recuerde que IE9 todavía está en modo de vista previa, es como decir que algo se rompe en un webkit cada noche. Ahora tengo hambre de nueces. – epascarello

Respuesta

6

sugerencia honestos aquí, no lo arregles, report it as a bug to the IE9 team pero no gastan todo momento la fijación su fallo.

Esto debería arreglarse en IE9 final, y el resultado final será un desperdicio de tiempo de desarrollo en su extremo ... las betas tienen errores, siempre han tenido errores y siempre tendrán errores ... no lo harían ser llamado betas de lo contrario.

+0

+1. Acabo de verificar y esto no está solucionado en Prev 6. Los documentos de jQuery en realidad sufren de un problema similar, del que informé aproximadamente una semana antes de que se lanzara Prev 6. Con suerte, se solucionará en Prev 7 o Beta 2. –

+0

Gracias, Nick. Lo reporté como un error, ID 619034 – Yisroel

17

2 pulgares arriba con la respuesta de Nick.

Pero para cuando el equipo de IE resuelva el problema, probablemente se encuentre en otro proyecto.

Esto es lo que funcionó para mí con IE7 que sin duda funcionará en IE9.

En el DIV se establece un efecto slideDown, añadir esto a tu CSS:

overflow: hidden; 

Buenos días!

+0

Estoy trabajando con IE9 final y todas las actualizaciones, y esto todavía está roto. Tu solución funcionó para mí, y yo realmente lo aprecio. –

+0

Ojalá pudiera votar esto 100 veces. ¡Gracias! – Chuck

+0

Gracias hermano ... desbordamiento: oculto; sacudió un error IE7 que estaba teniendo con .slideToggle() – iOnline247

0

Me he dado cuenta de que esto sucede en iPad iOS versión 5.0 en Safari móvil. position:relative es el culpable de todos los elementos del elemento de la lista. overflow:hidden soluciona esto, sin embargo, esto no ayuda si tiene un tercer nivel de navegación. No se conoce ninguna solución alternativa excepto cambiar el slideToggle al showToggle.

0

También hay una solución más a esto, que es agregar .css('zoom') a la cadena jQuery.

0

I tenían el mismo problema con IE, y añadió a la css del elemento deslizante el siguiente código:

zoom: 1;

Cuestiones relacionadas