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
廣告
© . All rights reserved.