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


JQuery UI Tabs classes用法及代码示例


用法:

classes
类型:Object
默认:
{
  "ui-tabs": "ui-corner-all",
  "ui-tabs-nav": "ui-corner-all",
  "ui-tabs-tab": "ui-corner-top",
  "ui-tabs-panel": "ui-corner-bottom"
}

指定要添加到小部件元素的其他类。中指定的任何类主题部分可以用作键来覆盖它们的值。要了解有关此选项的更多信息,请查看了解有关 classes 选项的文章.

代码示例:

使用指定的 classes 选项初始化选项卡,更改 ui-tabs 类的主题:

$( ".selector" ).tabs({
  classes: {
    "ui-tabs": "highlight"
  }
});

获取或设置 classes 选项的属性,初始化后,此处读取和更改 ui-tabs 类的主题:

// Getter
var themeClass = $( ".selector" ).tabs( "option", "classes.ui-tabs" );
 
// Setter
$( ".selector" ).tabs( "option", "classes.ui-tabs", "highlight" );

相关用法


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