jQuery slideDown trong IE9 - nội dung biến mất sau khi hoạt ảnh kết thúc

Question

Tôi đã gặp sự cố này hai lần trên hai trang web khác nhau. Nó hoạt động trong tất cả các trình duyệt khác với IE9.

Tôi có một div đang được mở và đóng bằng cách sử dụng jquery slideup và slideDown (cùng một vấn đề xảy ra với slideToggle). Tôi có thể thấy nội dung của div khi nó trượt xuống, nhưng ngay khi hoạt ảnh dừng lại, nội dung biến mất.

Đây là ví dụ về vấn đề này http://www.ohnuts.com/searchResults.cfm?criteria=cashews&search=all nhấp vào liên kết "danh mục khác".

Có ai khác gặp phải sự cố này và có cách giải quyết nào không? Tôi có thể thay đổi nó để chỉ làm một chương trình đơn giản/ẩn, mà hoạt động tốt, nhưng tôi muốn giữ hiệu quả của nó mở.

Answer 1

Honest gợi ý ở đây, không sửa chữa nó, report it as a bug to the IE9 team nhưng không dành thời gian bất kỳ sửa chữa lỗi của họ.

Điều này sẽ được khắc phục trong kết quả cuối cùng của IE9 và kết quả cuối cùng sẽ bị lãng phí thời gian phát triển cho đến cuối cùng của bạn ... đặt cược là lỗi, chúng luôn bị lỗi và sẽ luôn bị lỗi ... được gọi là betas.

Answer 2

2 thích hợp với câu trả lời của Nick.

Nhưng vào thời điểm nhóm IE sẽ giải quyết được sự cố, có thể bạn sẽ ở trong một dự án khác.

Đây là những gì làm việc cho tôi với IE7 mà chắc chắn sẽ hoạt động trên IE9.

Trên DIV bạn thiết lập một hiệu ứng slideDown, thêm video này vào CSS của bạn:

overflow: hidden; 

Good day!

Answer 3

Tôi đã nhận thấy rằng điều này xảy ra trên iOS iOS ver 5.0 trong Safari trên thiết bị di động. position:relative là thủ phạm trên tất cả các phần tử danh sách. overflow:hidden sẽ khắc phục sự cố này, tuy nhiên điều này không giúp ích gì nếu bạn có cấp điều hướng thứ 3. Không có cách giải quyết nào khác ngoài việc thay đổi số slideToggle thành showToggle.

Answer 4

Ngoài ra còn có thêm một giải pháp nữa là thêm .css('zoom') vào chuỗi jQuery.

Answer 5

Tôi đã gặp sự cố tương tự với IE và tôi đã thêm vào css của phần tử trượt mã sau:

zoom: 1;