2009-08-29 212 views
28

我还没有找到任何有关此的真实文档,所以我想知道是否有人知道jQuery UI Tabs的所有可用fx选项?jQuery UI选项卡 - 可用fx选项

的,仅仅是迄今为止我见过的有:

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

淡入淡出将是不错,但我不认为我已经看到这种情况还有jQuery UI选项卡。

此外,我甚至找不到如何指定FX速度,虽然文档提到我应该能够改变它。

回答

41

基本上FX选项,可以用来调用animate,您可以指定在阵列中有一个选项或两个,将被用来做显示和隐藏效果:

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

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

基本上你可以做同样的转换,你可以使用动画。

查看位于第250 here行的ui.tabs.js文件,更好地了解如何设置动画。

+0

可以对新的html(不是当前显示的html)执行动画吗? – gkdm 2010-02-17 13:43:26

+0

这不是正确的淡入淡出,因为在淡入淡出之间不应该存在白色的标签内容变化,总是至少有一个标签内容存在。请问你可以再试一次吗? (可以使div位置绝对和淡入div1和淡出div2) – Yosef 2011-01-09 15:51:36

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