- 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 - 列表檢視
列表檢視用於顯示專案列表。容器中包含data-role = "listview"屬性,以垂直可滾動列表的形式顯示列表。
下表詳細演示了列表檢視的型別。
| 序號 | 型別和描述 |
|---|---|
| 1 | 只讀,無序
包含data-role = "listview"屬性以建立一個簡單的無序列表。 |
| 2 | 只讀,有序
透過在其內包含data-role = "listview"屬性來建立有序列表 (ol)。 |
| 3 | 連結
當在列表中定義超連結時,它將被設定為按鈕樣式。 |
| 4 | 內嵌
透過包含屬性data-inset = "true"來應用內嵌外觀。 |
| 5 | 篩選
透過新增data-filter = "true"屬性可以篩選列表。 |
| 6 | 顯示篩選器
新增data-filter-reveal = "true"屬性以隱藏列表項。 |
| 7 | 列表分隔符
向任何列表項新增data-role = "list-divider"屬性,將其分成幾組列表項。 |
| 8 | 自動分隔符
包含data-autodividers =" true"屬性會自動為任何列表檢視生成分隔符。 |
| 9 | 計數氣泡
在元素中定義ui-li-count類將有助於在列表項的右側包含計數指示器。 |
| 10 | 圖示:標準
新增屬性data-icon為特定列表項設定圖示。 |
| 11 | 圖示:16x16
在影像元素中包含ui-li-icon類,以便在列表項中新增 16 x 16 畫素的影像。 |
| 12 | 縮圖
在列表項中,縮圖位於左側。 |
| 13 | 分割按鈕
在li內包含第二個連結以建立分割列表項。 |
| 14 | 格式化內容
使用標題和段落標籤以正確的層次結構格式新增內容。 |
| 15 | 主題
新增data-theme屬性為列表檢視或特定列表項包含主題。 |
| 16 | 表單
在列表檢視中,可以插入表單元素以進行分組顯示。 |
| 17 | 可摺疊列表檢視
在容器中包含data-role = "collapsible"屬性,可以使列表檢視可摺疊。 |
| 18 | 帶有列表檢視的分組可摺疊項
可以使用屬性data-role = "collapsibleset"在可摺疊集中建立分組列表檢視。 |
| 19 | 全寬可摺疊列表檢視
新增data-inset = "false"屬性可以建立全寬可摺疊集。 |
jquery_mobile_widgets.htm
廣告