当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JQuery UI Tabs show用法及代码示例


用法:

show
类型:BooleanNumberStringObject
默认:null
是否以及如何为面板的显示设置动画。
支持多种类型:
  • Boolean: 当设置为false, 不会使用动画,面板会立即显示。当设置为true,面板将以默认持续时间和默认缓动淡入。
  • Number:面板将以指定的持续时间和默认缓动淡入。
  • String:面板将使用指定的效果显示。该值可以是内置 jQuery 动画方法的名称,例如"slideDown",或者一个名字jQuery UI 效果, 如"fold".在任何一种情况下,效果都将与默认持续时间和默认缓动一起使用。
  • Object: 如果值是一个对象,那么effect,delay,duration, 和easing可以提供属性。如果effect属性包含一个 jQuery 方法的名称,那么该方法将被使用;否则假定为 jQuery UI 效果的名称。当使用支持附加设置的 jQuery UI 效果时,您可以在对象中包含这些设置,并将它们传递给效果。如果duration或者easing省略,则使用默认值。如果effect被省略,那么"fadeIn"将会被使用。如果delay省略,则不使用延迟。

代码示例:

使用指定的 show 选项初始化选项卡:

$( ".selector" ).tabs({
  show: { effect: "blind", duration: 800 }
});

初始化后获取或设置show选项:

// Getter
var show = $( ".selector" ).tabs( "option", "show" );
 
// Setter
$( ".selector" ).tabs( "option", "show", { effect: "blind", duration: 800 } );

相关用法


注:本文由纯净天空筛选整理自jqueryui.com大神的英文原创作品 Tabs show。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。