jQuery UI 选项卡

本文介绍了jQuery UI 选项卡 - 可用的 fx 选项的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我找不到任何关于此的真正文档，所以我想知道是否有人知道所有可用的 fx 选项 jQuery UI 选项卡一个>?

I haven't been able to find any real documentation on this, so I'm wondering if anyone knows all of the available fx options for jQuery UI Tabs?

目前我看到的只有:

opacity: "toggle";

height: "toggle";

交叉淡入淡出会很好，但我认为我还没有看到使用 jQuery UI Tabs 做到这一点.

A crossfade would be nice, though I don't think I've seen this done with jQuery UI Tabs yet.

此外，我什至找不到如何指定 fx 速度，尽管文档提到我应该能够更改它.

Also, I can't even find how to specify the fx speed, though the documentation mentions I should be able to change it.

推荐答案

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

Basically the fx option is used to call animate, you can specify a single option or two in an array, that will be used to do the show and hide effects:

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

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

The fx speed can be specified using a duration member on the option object.

基本上，您可以进行与动画相同的转换.

Basically you can do the same transformations that you can with animate.

查看 ui.tabs.js 文件，在第 250 行 此处，以更好地了解动画的设置方式.

Give a look to the ui.tabs.js file, on the line 250 here, to understand better how the animations are setup.