webdevqa.jp.net

jQueryUIタブ-利用可能なfxオプション

私はこれに関する実際のドキュメントを見つけることができなかったので、誰かが jQuery UI Tabs で利用可能な fx オプションのすべてを知っているかどうか疑問に思っていますか?

私がこれまでに見たのは次のとおりです。

  1. opacity: "toggle";
  2. height: "toggle";

クロスフェードは素晴らしいでしょうが、これがjQueryUIタブで行われるのはまだ見たことがないと思います。

また、ドキュメントには変更できるはずだと記載されていますが、FX速度を指定する方法すら見つかりません。

29
Jason Berry

基本的に、fxオプションは animate を呼び出すために使用されます。配列内で単一のオプションを指定できます。これは、効果の表示と非表示を行うために使用されます。

 $('#tabs').tabs({ fx: [{opacity:'toggle', duration:'normal'},   // hide option
                        {opacity:'toggle', duration:'fast'}] }); // show option

Fx速度は、オプションオブジェクトのdurationメンバーを使用して指定できます。

基本的に、アニメートで実行できるのと同じ変換を実行できます。

250行目のui.tabs.jsファイル ここ を見て、アニメーションの設定方法をよりよく理解してください。

41
CMS
opacity: "toggle";
height: "toggle";
width: "toggle";
11
Shuklendu