- 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 | 工具欄
為了增強頁首和頁尾,您可以使用toolbar元件。 |
| 2 | 動態工具欄
您可以透過點選按鈕動態注入工具欄。 |
| 3 | 外部工具欄
頁首和頁尾將放置在頁面外部。這些工具欄位於頁面主體內部的前面和後面,除非手動刪除,否則它們將保留在DOM中。 |
| 4 | 固定工具欄
要設定工具欄位置為固定,請向頁首或頁尾新增data-position = "fixed"屬性。 |
| 5 | 全屏位置
要將工具欄設定為覆蓋內容的全屏固定位置,請向固定頁首新增data-fullscreen = "true"屬性。 |
| 6 | 固定外部工具欄
頁首和頁尾可以透過將它們放置在頁面外部來設定為外部,並且工具欄位置也可以設定為固定位置。 |
| 7 | 持久工具欄
這些頁面是固定頁尾工具欄中持久導航欄的示例,您將看到頁面內容過渡,而這些頁面上的頁首和頁尾將保持原位。 |
| 8 | Ajax 最佳化的工具欄
Ajax最佳化的持久工具欄頁面在伺服器端進行了最佳化,以檢查請求是否來自Ajax。 |
| 9 | 工具欄中的表單
表單可以用於工具欄,可以使用普通的<form>將其放置在頁首和頁尾中。 |
jquery_mobile_widgets.htm
廣告