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.