- 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 - 對話方塊頁面
說明
模態對話方塊會開啟頁面上方互動覆蓋中的內容。
下表詳細演示了對話方塊頁面型別。
| 序號 | 型別和說明 |
|---|---|
| 1 | 基礎對話方塊
向任意頁面中包含屬性 data-dialog = "true" 以顯示對話方塊。 |
| 2 | 過渡
過渡外掛提供了一種簡單的過渡效果。 |
| 3 | 關閉對話方塊
可以透過向對話方塊容器新增 data-close-btn = "right" 來設定右側關閉按鈕。 |
| 4 | 連結對話方塊
data-rel = "back" 屬性用於導航,可返回到上一個對話方塊。 |
| 5 | 樣式和主題
可以為對話方塊應用不同的樣式和主題。 |
| 6 | 對話方塊寬度和邊距
預設情況下,會設定對話方塊寬度和邊距。 |
jquery_mobile_pages.htm
廣告