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


JQuery UI Tabs hide用法及代码示例


用法:

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

代码示例:

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

$( ".selector" ).tabs({
  hide: { effect: "explode", duration: 1000 }
});

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

// Getter
var hide = $( ".selector" ).tabs( "option", "hide" );
 
// Setter
$( ".selector" ).tabs( "option", "hide", { effect: "explode", duration: 1000 } );

相关用法


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