jQuery slideDown dans IE9 - contenu disparait après fin de l'animation

Question

J'ai eu ce problème à deux reprises sur deux sites différents. Il fonctionne dans tous les navigateurs autres que IE9.

J'ai un div être ouvert et fermé à l'aide jquery slideUp et slideDown (le même problème se produit avec slideToggle). Je suis en mesure de voir le contenu de la div comme il glisse vers le bas, mais dès que les arrêts d'animation, le contenu disparaît.

Voici un exemple de ce problème http://www.ohnuts.com/ searchResults.cfm? critères = recherche = & cajous tous cliquez sur le lien "plus de catégories".

Quelqu'un d'autre connu ce problème et y at-il des solutions de contournement? Je peux changer juste faire un simple montrer / cacher, qui fonctionne très bien, mais je voudrais garder l'effet de l'ouvrir.

Answer 1

suggestion honnête ici, ne fixent pas , signaler un bug à l'équipe IE9 mais ne passez pas la fixation de temps leur bug .

Cela devrait être fixé IE9 finale, et le résultat final sera simplement gaspillé le temps de développement de votre côté ... bêtas sont bogués, ils ont toujours été buggy et sera toujours buggé ... ils ne seraient pas appelés bêtas autrement.

Answer 2

2 pouces avec haut la réponse de Nick.

Mais le temps l'équipe IE va résoudre le problème, vous serez probablement sur un autre projet.

Voici ce qui a fonctionné pour moi avec IE7 qui fonctionne certainement sur IE9.

Sur la DIV vous définissez un effet slideDown, ajoutez ceci à votre CSS:

 overflow: hidden;

Bonjour!

Answer 3

J'ai remarqué que cela se produit sur iPad iOS 5.0 ver dans Safari mobile. position:relative est le coupable sur tous les éléments de l'élément de liste. overflow:hidden fait résoudre ce problème, mais cela ne fait pas l'aide si vous avez un 3ème niveau de la navigation. Aucune solution de contournement connu sauf le changement du slideToggle à showToggle.

Answer 4

Il y a aussi une autre solution à ce qui est d'ajouter .css('zoom') à la chaîne jQuery.

Answer 5

I eu le même problème avec IE, et j'ajouté à la css de l'élément coulissant le code suivant:

zoom: 1;