jQuery toggleClass работает, но не анимирует - PullRequest
Новая
       61

jQuery toggleClass работает, но не анимирует

0 голосов
/ 17 июня 2011

Этот код $(this).data('parentWidget').toggleClass(COLLAPSE_CLASS, 1000);, связанный с нажатием кнопки, успешно включает и выключает COLLAPSE_CLASS.Однако эффект не является анимацией.

В CSS исходный элемент имеет определенную высоту: 85 пикселей.При добавлении класса коллапса .collapse {height: 20px;} изменяется только высота.

Как я уже говорил, это работает как шарм с точки зрения переключения высоты.То, что я не вижу, это какой-либо эффект перехода.В каких условиях такой простой эффект перехода может не работать?Само собой разумеется, что документация jQuery по этому вопросу редка.

1 Ответ

4 голосов
/ 17 июня 2011

Для тех, кто может быть таким же дураком, как я, обязательно загрузите свои файлы jQuery.ui.core.js (или создайте пользовательскую версию jquery ui).Мой пример в контексте WordPress, и я наивно полагал, что он загружает jQueryUI.Очевидно, что toggleClass является частью jquery.core (так что переключающая часть работает независимо от того, что), но переход зависит от jquery.ui.core (а может и других? Не уверен)

...