jQuery Mobile - 可折叠集



说明

在 jQuery Mobile 中,可通过将一系列分开的可折叠元素放入集合中,创建一个手风琴。

下表列出了 jQuery Mobile 中使用的不同类型可折叠集 -

序号。 可折叠集类型和说明
1 标记

可折叠集可通过与基本可折叠元素相同的标记创建。添加 data-role = "collapsibleset" 属性将使其成为可折叠集。

2 内嵌与全宽

要创建一个全宽可折叠元素,而不设置样式边角,请添加 data-inset 属性,并将其设置为 false

3 迷你

当需要可折叠元素集合的精简版本时,添加 data-mini 属性,并将其设置为 true

4 图标

要覆盖默认标题图标,请在 collapsibleset 级别或在其任何可折叠元素上添加 data-collapsed-icondata-expanded-icon 属性。

5 图标位置

要覆盖默认图标位置,请在 collapsibleset 级别或在其任何可折叠元素上使用 data-iconpos 属性。

6 边角

要获得一个没有圆角样式的内嵌可折叠集,只需添加 data-corners 属性,并将其设置为 false

7 主题

每个可折叠标题的颜色可以通过向可折叠集添加 data-theme 属性来设置。

jquery_mobile_widgets.htm
广告
© . All rights reserved.