- 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 中使用的可摺疊面板型別。
| 序號 | 可摺疊面板型別及描述 |
|---|---|
| 1 | 基本可摺疊面板
可摺疊內容塊可以使用data-role = "collapsible"屬性新增到容器中建立。 |
| 2 | 主題
要設定可摺疊面板的主題,可以使用data-theme屬性並新增data-content-theme屬性,並指定主題色塊字母。 |
| 3 | 展開
它允許您在頁面載入時展開可摺疊內容,使用data-collapsed屬性並將其設定為false。 |
| 4 | 迷你尺寸
當您需要可摺疊面板的緊湊版本時可以使用它。這可以透過使用data-mini並將其設定為true來實現。 |
| 5 | 圖示
可以使用data-collapsed-icon和data-expanded-icon屬性覆蓋可摺疊標題的預設圖示。 |
| 6 | 圖示位置
可以使用data-iconpos屬性覆蓋可摺疊標題的預設圖示位置。 |
| 7 | 圖例
您可以透過使用fieldset和legend在可摺疊面板中顯示錶單元素。 |
| 8 | 非內嵌可摺疊面板
要移除內嵌外觀並以完整寬度顯示可摺疊面板(無需圓角樣式),您可以新增data-inset = "false"屬性。 |
| 9 | 一組獨立的可摺疊面板
您可以應用一系列獨立的可摺疊面板,並允許您一次開啟多行。 |
| 10 | 預渲染標記
為了提高頁面載入速度,您可以透過新增data-enhanced屬性並將其設定為true來為可摺疊面板提供預渲染標記。 |
jquery_mobile_widgets.htm
廣告