0

ボタンのクリックにバインドされたこのコード$(this).data('parentWidget').toggleClass(COLLAPSE_CLASS, 1000);は、COLLAPSE_CLASS のオンとオフを正常に切り替えています。ただし、効果はアニメーションではありません。

CSS では、元の要素に定義された高さ:85px があります。折りたたみクラスが追加された場合 .collapse { height:20px; 高さだけが変わります。

前述したように、これは高さを切り替えるという点で魅力的です。私が見ないのは、あらゆる種類のトランジション効果です。このような単純なトランジション効果が機能しない条件は何ですか? 言うまでもなく、この件に関するjQuery ドキュメントはまばらです。

4

1 に答える 1

4

私のように愚かな人は、実際に jQuery.ui.core.js ファイルをロードしていることを確認してください (またはカスタム jquery ui バージョンを作成してください)。私の例は WordPress のコンテキストにあり、単純にそれが jQueryUI をロードしていると仮定しました。どうやら toggleClass は jquery.core の一部です (したがって、トグル部分は何があっても機能します) が、遷移は jquery.ui.core に依存します (そしておそらく他のものはわかりません)。

于 2011-06-16T22:07:48.697 に答える