jQuery toggleClass工作但不动画

时间:2011-06-16 21:44:24

标签: jquery animation toggleclass

此代码$(this).data('parentWidget').toggleClass(COLLAPSE_CLASS, 1000);绑定到按钮单击,成功切换COLLAPSE_CLASS打开和关闭。但是,效果不是动画。

在css中,原始元素具有定义的高度:85px。当添加崩溃类时.collapse {height:20px;只有高度变化。

正如我所提到的,在切换高度方面,这就像一个魅力。我没看到的是任何一种过渡效应。这种简单的过渡效应可能不起作用的条件是什么?毋庸置疑,关于这个主题的jQuery documentation很少。

1 个答案:

答案 0 :(得分:4)

对于像我这样可能是笨蛋的其他人,确保你实际上正在加载你的jQuery.ui.core.js文件(或者构建一个自定义的jquery ui版本)。我的例子是在WordPress的上下文中,我天真地认为它正在加载jQueryUI。显然toggleClass是jquery.core的一部分(所以切换部分无论如何都可以工作),但转换依赖于jquery.ui.core(也许还有其他人?不确定)