jQuery slideDown w IE9 - zawartość znika po zakończeniu animacji

Question

Dwa razy miałem ten problem na dwóch różnych stronach. Działa we wszystkich przeglądarkach innych niż IE9.

Mam div jest otwierane i zamykane za pomocą jquery slideup i slideDown (ten sam problem dzieje się z slideToggle). Mogę zobaczyć zawartość elementu div podczas jego zsuwania, ale gdy animacja się zatrzyma, zawartość znika.

Oto przykład tego problemu. http://www.ohnuts.com/searchResults.cfm?criteria=cashews&search=all kliknij link "więcej kategorii".

Czy ktoś inny napotkał ten problem i czy są jakieś obejścia? Mogę to zmienić, żeby zrobić prosty pokaz/ukryć, który działa dobrze, ale chciałbym zachować efekt jego otwarcia.

Answer 1

Uczciwa propozycja tutaj, nie naprawić, report it as a bug to the IE9 team ale nie spędzać czasu ustalania swój błąd.

To powinno zostać naprawione w finale IE9, a efekt końcowy będzie po prostu zmarnowany na koniec projektu ... bety są błędne, zawsze były błędne i zawsze będą błędne ... nie będą inaczej nazywać się betas.

Answer 2

2 kciuki w górę z odpowiedzią Nicka.

Ale zanim zespół IE rozwiąże problem, prawdopodobnie będziesz na innym projekcie.

Oto, co działało dla mnie z IE7, które z pewnością zadziała na IE9.

na div ustawić efekt slideDown, dodać to do Twojego CSS:

overflow: hidden; 

Dzień dobry!

Answer 3

Zauważyłem, że dzieje się to na iPadzie iOS w wersji 5.0 w mobilnym Safari. position:relative jest sprawcą wszystkich elementów listy elementów. overflow:hidden naprawia to, ale to nie pomoże, jeśli masz trzecią warstwę nawigacji. Żadne znane obejście z wyjątkiem zmiany slideToggle do .

Answer 4

Jest jeszcze jedno rozwiązanie tego problemu, czyli dodanie .css('zoom') do łańcucha jQuery.

Answer 5

że ten sam problem z IE, i dodaje się do css elementu ślizgowego po kodzie:

Powiększenie: 1;