【问题标题】:jQuery UI Tabs - Available fx optionsjQuery UI 选项卡 - 可用的 fx 选项
【发布时间】:2010-11-23 22:53:24
【问题描述】:

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

目前我看到的只有:

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

交叉淡入淡出会很好,虽然我认为我还没有看到使用 jQuery UI 选项卡完成此操作。

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

【问题讨论】:

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


    【解决方案1】:

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

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

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

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

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

    【讨论】:

    • 能否在新的html(不是当前显示的html)上做动画?
    • 这不是正确的交叉淡入淡出,因为交叉淡入淡出中标签之间不应该存在白色变化,总是至少存在一个标签内容。请您再试一次吗? (可以使div位置绝对和fadeIn div1和fadeout div2)
    【解决方案2】:
    opacity: "toggle";
    height: "toggle";
    width: "toggle";
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-04-29
      • 1970-01-01
      • 2013-08-18
      • 1970-01-01
      • 2012-02-06
      相关资源
      最近更新 更多