jQuery slideDown в IE9 — содержимое исчезает после завершения анимации

У меня была эта проблема дважды на двух разных сайтах. Он работает во всех браузерах, кроме IE9.

У меня есть div, который открывается и закрывается с помощью jquery slideup и slideDown (та же проблема возникает с slideToggle). Я могу видеть содержимое div, когда оно скользит вниз, но как только анимация останавливается, содержимое исчезает.

Вот пример этой проблемы: http://www.ohnuts.com/searchResults.cfm?criteria=cashews&search=all нажмите ссылку "Дополнительные категории".

Кто-нибудь еще сталкивался с этой проблемой, и есть ли обходные пути? Я могу изменить его, чтобы просто показать/скрыть, это отлично работает, но я хотел бы сохранить эффект его открытия.


jquery internet-explorer-9 slidedown
person Yisroel    schedule 03.11.2010    source источник
comment
Вы сообщили об ошибке или искали ошибку в системе отслеживания ошибок jQuery? Помните, что IE9 все еще находится в режиме предварительного просмотра, это все равно что говорить, что что-то сломалось в веб-ките каждую ночь. Теперь я жажду орехов.   -  person epascarello    schedule 03.11.2010

Ответы (5)


arrow_upward
6
arrow_downward

Честное предложение здесь, не исправлять это, сообщите об ошибке команде IE9, но не тратьте время на исправление их ошибки.

Это должно быть исправлено в IE9 final, и конечный результат будет просто потраченным впустую временем разработки с вашей стороны... бета-версии содержат ошибки, они всегда были ошибками и всегда будут ошибками... иначе они не будут называться бета-версиями. .

person Nick Craver    schedule 03.11.2010
comment
+1. Я только что проверил, и это не исправлено в предыдущей версии 6. Документы jQuery на самом деле страдают от аналогичной проблемы, о которой я сообщил примерно за неделю до выпуска предыдущей версии 6. Надеюсь, это будет исправлено в Prev 7 или Beta 2. - person Andy E; 03.11.2010
comment
Спасибо, Ник. Я сообщил об этом как об ошибке, ID 619034 - person Yisroel; 03.11.2010

arrow_upward
18
arrow_downward

2 больших пальца вверх с ответом Ника.

Но к тому времени, когда команда IE решит проблему, вы, вероятно, уже будете работать над другим проектом.

Вот то, что сработало для меня с IE7, и, безусловно, будет работать с IE9.

В DIV вы установили эффект slideDown, добавьте это в свой CSS:

 overflow: hidden;

Добрый день!

person SequenceDigitale.com    schedule 26.02.2011
comment
Я работаю с IE9 final и всеми обновлениями, и это все еще не работает. Ваше исправление сработало для меня, и я действительно ценю его. - person Justin Force; 08.06.2011
comment
Спасибо, братан... переполнение: скрыто; выдал ошибку IE7, которая у меня была с .slideToggle() - person iOnline247; 11.01.2012
comment
МАГИЯ, работала на меня. В противном случае у меня было быстрое исправление в моем js, поэтому после анимации у меня было $this.hide().show(); решить проблему - person Aamir Afridi; 15.02.2012

arrow_upward
0
arrow_downward

Я заметил, что это происходит на iPad iOS версии 5.0 в мобильном Safari. position:relative является виновником всех элементов списка. overflow:hidden исправляет это, однако это не помогает, если у вас есть 3-й уровень навигации. Нет известного обходного пути, кроме изменения slideToggle на showToggle.

person user1020989    schedule 15.01.2012

arrow_upward
0
arrow_downward

Есть еще одно решение этой проблемы — добавить .css('zoom') в цепочку jQuery.

person antobbo    schedule 23.05.2013

arrow_upward
0
arrow_downward

У меня была такая же проблема с IE, и я добавил в css скользящего элемента следующий код:

масштаб: 1;

person Tibor    schedule 16.06.2014