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

Question

我找不到任何关于这个问题的真正文档，所以我想知道是否有人知道所有可用的jQuery UI Tabs fx选项？

到目前为止，我只见过以下选项：

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

交叉淡入淡出效果很好，但我认为还没有看到使用jQuery UI Tabs实现的。

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

- Jason Berry

Answer 1

基本上，fx选项用于调用animate，你可以指定一个单一的选项或两个选项的数组，这些选项将用于执行显示和隐藏效果：

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

可以在选项对象的duration成员上指定fx动画的速度。

基本上，你可以像使用animate一样进行相同的转换操作。

请查看ui.tabs.js文件，在第250行这里，以更好地了解如何设置动画效果。

- Christian C. Salvadó

---

新的 HTML 上能否执行动画（而不是当前显示的 HTML）？ - gkdm

这不是一个合适的交叉淡化，因为在交叉淡化中，标签之间不应该存在白色空隙，至少应该存在一个标签内容。请再尝试回答一下？（可以将div的位置设置为absolute，并fadeIn div1和fadeout div2） - Ben

Answer 2

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

- Shuklendu