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


JQuery UI Slider classes用法及代码示例


用法:

classes
类型:Object
默认:
{
  "ui-slider": "ui-corner-all",
  "ui-slider-handle": "ui-corner-all",
  "ui-slider-range": "ui-corner-all ui-widget-header"
}

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

代码示例:

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

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

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

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

相关用法


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