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-icondata-expanded-icon屬性覆蓋可摺疊標題的預設圖示。

6 圖示位置

可以使用data-iconpos屬性覆蓋可摺疊標題的預設圖示位置。

7 圖例

您可以透過使用fieldsetlegend在可摺疊面板中顯示錶單元素。

8 非內嵌可摺疊面板

要移除內嵌外觀並以完整寬度顯示可摺疊面板(無需圓角樣式),您可以新增data-inset = "false"屬性。

9 一組獨立的可摺疊面板

您可以應用一系列獨立的可摺疊面板,並允許您一次開啟多行。

10 預渲染標記

為了提高頁面載入速度,您可以透過新增data-enhanced屬性並將其設定為true來為可摺疊面板提供預渲染標記。

jquery_mobile_widgets.htm
廣告

© . All rights reserved.