jQuery UI选项卡-可用的fx选项 [英] jQuery UI Tabs - Available fx options

问题描述

我还没有找到任何真实的文档，所以我想知道是否有人知道所有可用的 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?

到目前为止，我唯一看到的是:

The only ones I've seen so far are:

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

1. opacity: "toggle";
2. 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选项用于调用动画，您可以在数组中指定一个或两个选项，用于显示和隐藏效果:

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.

在第250行

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

这篇关于jQuery UI选项卡-可用的fx选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！