- 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 | 基本
透過在<select>中新增data-role = "slider"屬性來建立翻轉開關。 |
| 2 | 主題
要為滑塊翻轉開關設定主題樣例,可以將data-theme和data-track-theme屬性新增到<select>。 |
| 3 | 迷你
對於翻轉開關的精簡版本,可以將data-mini = "true"屬性新增到<select>。 |
| 4 | 停用
可以透過向<select>新增disabled屬性來停用翻轉開關。 |
| 5 | 隱藏標籤
可以透過向<label>新增ui-hidden-accessible類來隱藏翻轉開關的標籤。 |
| 6 | Fieldcontain
向div新增ui-field-contain類可確保顯示翻轉開關的表單被響應式呈現。 |
| 7 | Fieldcontain,迷你
可以將ui-field-contain類新增到迷你翻轉開關以使其響應式呈現。 |
jquery_mobile_widgets.htm
廣告