jQuery toggleClass工作但不動畫

此代碼$(this).data('parentWidget').toggleClass(COLLAPSE_CLASS, 1000);綁定到按鈕單擊，正在成功切換COLLAPSE_CLASS的開啓和關閉。但是，效果不是動畫效果。jQuery toggleClass工作但不動畫

在CSS中，原始元素的定義高度爲：85px。當崩潰類被添加.collapse {height：20px; }只有高度發生變化。

正如我所提到的，這就像在切換高度方面的魅力一樣。我沒有看到的是任何一種過渡效果。這種簡單的過渡效應可能不起作用的條件是什麼？不用說這個問題上的jQuery documentation是稀疏的。

來源

2011-06-16 Tom Auger

可能是一個愚蠢的問題，但你實際上運行jQuery UI？ – lonesomeday 2011-06-16 21:46:35

如果你的意思是，當我加載jQuery UI核心+轉換，然後....呃.... DOH！ – 2011-06-16 22:05:12

對於其他可能像我這樣的imbeciles的人，確保你實際上正在加載你的jQuery.ui.core.js文件（或者構建一個自定義的jquery ui版本）。我的例子是在WordPress的情況下，我天真地認爲它正在加載jQueryUI。顯然toggleClass是jquery.core的一部分（所以切換部分無論如何工作），但轉換取決於jquery.ui.core（也許其他人？不知道）

來源

2011-06-16 22:07:48

它依賴於效果核心 – Tom 2011-12-02 17:39:10

jQuery toggleClass工作但不動畫

回答

相關問題