- jQuery Mobile 教程
- jQuery Mobile - 主頁
- jQuery Mobile - 概覽
- jQuery Mobile - 設定
- jQuery Mobile - 頁面
- jQuery Mobile - 圖示
- jQuery Mobile - 過渡效果
- jQuery Mobile - 佈局
- jQuery Mobile - 工具
- jQuery Mobile - 事件
- jQuery Mobile - 表單
- jQuery Mobile - 主題
- jQuery Mobile - CSS 類
- jQuery Mobile - 資料屬性
- jQuery Mobile 實用資源
- jQuery Mobile - 面試問答
- jQuery Mobile - 快速指南
- jQuery Mobile - 實用資源
- jQuery Mobile - 討論
jQuery Mobile - 可摺疊集
說明
在 jQuery Mobile 中,可透過將一系列分開的可摺疊元素放入集合中,建立一個手風琴。
下表列出了 jQuery Mobile 中使用的不同型別可摺疊集 -
| 序號。 | 可摺疊集型別和說明 |
|---|---|
| 1 | 標記
可摺疊集可透過與基本可摺疊元素相同的標記建立。新增 data-role = "collapsibleset" 屬性將使其成為可摺疊集。 |
| 2 | 內嵌與全寬
要建立一個全寬可摺疊元素,而不設定樣式邊角,請新增 data-inset 屬性,並將其設定為 false。 |
| 3 | 迷你
當需要可摺疊元素集合的精簡版本時,新增 data-mini 屬性,並將其設定為 true。 |
| 4 | 圖示
要覆蓋預設標題圖示,請在 collapsibleset 級別或在其任何可摺疊元素上新增 data-collapsed-icon 和 data-expanded-icon 屬性。 |
| 5 | 圖示位置
要覆蓋預設圖示位置,請在 collapsibleset 級別或在其任何可摺疊元素上使用 data-iconpos 屬性。 |
| 6 | 邊角
要獲得一個沒有圓角樣式的內嵌可摺疊集,只需新增 data-corners 屬性,並將其設定為 false。 |
| 7 | 主題
每個可摺疊標題的顏色可以透過向可摺疊集新增 data-theme 屬性來設定。 |
jquery_mobile_widgets.htm
廣告