控制组选项 controlgroup Options

corners 圆角。类型: 布尔值 。默认值: true。

给按钮组默认为true，有圆角的效果。若设置为false，取消圆角。这个选项也可以在HTML中添加 data-corners="false" 属性来取消圆角。

corners 圆角。类型: 布尔值 。默认值: true。

给按钮组默认为true，有圆角的效果。若设置为false，取消圆角。这个选项也可以在HTML中添加 data-corners="false" 属性来取消圆角。

//初始化
$( ".selector" ).controlgroup({ corners: false });
 
// getter
var corners = $( ".selector" ).controlgroup( "option", "corners" );
 
// setter
$( ".selector" ).controlgroup( "option", "corners", false );

excludeInvisible 排除隐藏子元素。类型: 布尔值 。默认值: true。

在指派了圆角的控制组中，默认为true，排除隐藏的子元素。当设置为false的时候，所有的子元素都被考虑掉。例如，在一个控制组中，第一个子元素是隐藏的，那么它的顶部为没有圆角的效果。这个选项在HTML中，可以添加data-exclude-invisible="false"属性来实现。

//初始化
$( ".selector" ).controlgroup({ excludeInvisible: false });
 
// getter
var corners = $( ".selector" ).controlgroup( "option", "excludeInvisible" );
 
// setter
$( ".selector" ).controlgroup( "option", "excludeInvisible", false );

initSelector 初始化选择器。类型: CSS选择器的字符串。默认值: ":jqmData(role='controlgroup')"。

此选项用来定义被被初始化为表单按钮的选择符（通过元素类型，数据规则等），要改变被初始化的元素，需要给mobileinit event事件绑定这个选项。

$( document ).on( "mobileinit", function() {
$.mobile.controlgroup.prototype.options.initSelector = ".mycontrolgroup";
});

mini 迷你版。类型：布尔值。默认值：false。

如果设置为true，这将显示一个更紧凑版本的控制组，采用垂直空间更少。取值：true，false。

//初始化
$( ".selector" ).controlgroup({ mini: true });
 
// getter
var corners = $( ".selector" ).controlgroup( "option", "mini" );
 
// setter
$( ".selector" ).controlgroup( "option", "mini", true );

shadow 阴影。类型：布尔值。默认值：false。

默认值为true，控制组图标有阴影效果。若设为false，取消阴影效果。这个选项可以在HTML中添加data-shadow="false"来取消阴影。

//初始化
$( ".selector" ).controlgroup({ shadow: false });
 
// getter
var corners = $( ".selector" ).controlgroup( "option", "shadow" );
 
// setter
$( ".selector" ).controlgroup( "option", "shadow", false );

type 排列方式。类型：字符串。默认值：vertical。

默认值为vertical，控制组子元素纵向垂直排列效果。若设为horizontal，则为“横向水平”排列效果。这个选项可以在HTML中添加data-type="horizontal"来设置为横向排列。

//初始化
$( ".selector" ).controlgroup({ type: "horizontal" });
 
// getter
var corners = $( ".selector" ).controlgroup( "option", "type" );
 
// setter
$( ".selector" ).controlgroup( "option", "type", "horizontal" );