jQuery Mobile Controlgroup Widget 默认选项

jQuery Mobile Controlgroup Widget 是一个能够创建一系列按钮或者选择框并进行分组的 jQuery 插件。默认情况下，这个插件有一些选项用于处理控制组。

常用选项

| 选项名称 | 选项描述 | 默认值 | | ------------- | ------------------------------------------------------------------------------------ | ------- | | type | 控制组类型。如果设置为 "horizontal"，则组将水平放置，如果设置为 "vertical"，则垂直放置 | "vertical" | | iconpos | 图标位置。可以设置为 "left"，"right"，"top"，"bottom" 或 "notext"，表示无文本图标。 | "left" | | shadow | 是否加阴影效果。可以设置为 "true" 或 "false"。 | "true" | | mini | 是否为 mini 按钮。可以设置为 "true" 或 "false"。 | "false" | | corners | 是否为圆角按钮。可以设置为 "true" 或 "false"。 | "true" | | excludeInvisible | 是否排除隐藏的控件。如果设置为 "true"，则隐藏的控件将不会被包含。 | "true" |

代码示例

<div data-role="controlgroup" data-mini="true" data-type="horizontal">
  <a href="#" class="ui-btn-active ui-state-persist">按钮一</a>
  <a href="#">按钮二</a>
  <a href="#">按钮三</a>
</div>

以上代码使用了 data-mini 和 data-type 选项，它将创建一个包含三个按钮且它们水平放置的控制组。其中，第一个按钮被标记为 ui-state-persist，这意味着它始终会被选中。