jQuery Slidedown في IE9 - يختفي المحتوى بعد انتهاء الرسوم المتحركة

Question

لقد واجهت هذه المشكلة مرتين على موقعين مختلفين. إنه يعمل في جميع المتصفحات بخلاف IE9.

لدي Div يتم فتحه وإغلاقه باستخدام jQuery Slideup وانزلاق (تحدث نفس المشكلة مع Slidetoggle). أنا قادر على رؤية محتوى Div أثناء تنزهه ، ولكن بمجرد توقف الرسوم المتحركة ، يختفي المحتوى.

هيريس مثال على هذه المشكلة http://www.ohnuts.com/searchresults.cfm؟criteria=cashews&search=all انقر على رابط "المزيد من الفئات".

هل عانى أي شخص آخر من هذه المشكلة ، وهل هناك أي حلول؟ يمكنني تغييره للقيام بعرض/إخفاء بسيط ، يعمل بشكل جيد ، لكنني أرغب في الحفاظ على تأثيره.

Answer 1

اقتراح صادق هنا ، لا تصلحه, أبلغ عن ذلك على أنه خطأ لفريق IE9 لكن لا تقضي أي وقت في الإصلاح علةهم.

يجب أن يتم إصلاح هذا في نهائي IE9 ، وسوف تضيع النتيجة النهائية وقت التطوير في نهايتك ... betas عربات التي تجرها الدواب ، كانت دائمًا عربات التي تجرها الدواب وستكون دائمًا عربات التي تجرها الدواب ... لن يطلق عليها اسم betas على خلاف ذلك .

Answer 2

2 الإبهام مع إجابة نيك.

ولكن بحلول الوقت الذي سيحل فيه فريق IE المشكلة ، من المحتمل أن تكون في مشروع آخر.

إليكم ما نجح بالنسبة لي مع IE7 الذي سيعمل بالتأكيد على IE9.

على Div ، قمت بتعيين تأثير زليلي ، أضف هذا إلى CSS:

 overflow: hidden;

يوم جيد!

Answer 3

لقد لاحظت أن هذا يحدث على iPad iOS VER 5.0 في Safari Mobile. position:relative هو الجاني في جميع عناصر عنصر القائمة. overflow:hidden هل إصلاح هذا ، ولكن هذا لا يساعد إذا كان لديك طبقة من الملاحة الثالثة. لا يوجد حلول معروف باستثناء تغيير slideToggle إلى showToggle.

Answer 4

هناك أيضًا حل آخر لهذا ، وهو إضافة .css('zoom') إلى سلسلة jQuery.

Answer 5

واجهت نفس المشكلة مع IE ، وأضفت إلى CSS للعنصر المنزلق الرمز التالي:

التكبير: 1 ؛