jQuery UI选项卡 - 可用的fx选项

时间:2009-08-29 06:31:26

标签: jquery jquery-ui tabs jquery-ui-tabs

我无法找到任何有关此问题的真实文档,所以我想知道是否有人知道fx的所有可用jQuery UI Tabs选项?

到目前为止,我见过的唯一一个是:

  1. opacity: "toggle";
  2. height: "toggle";
  3. 交叉淡入淡出会很不错,不过我认为我还没有看到过jQuery UI Tabs的用法。

    另外,我甚至无法找到如何指定fx速度,尽管文档中提到我应该能够更改它。

2 个答案:

答案 0 :(得分:41)

基本上fx选项用于调用animate,您可以在数组中指定一个或两个选项,用于显示和隐藏效果:

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

可以使用选项对象上的duration成员指定fx速度。

基本上你可以使用动画进行相同的转换。

查看第250行here上的ui.tabs.js文件,以更好地了解动画的设置方式。

答案 1 :(得分:11)

opacity: "toggle";
height: "toggle";
width: "toggle";