- 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 - 範圍滑塊小元件
Rangeslider 小元件為您提供一對可用於選擇數值範圍的控制代碼。
下表列出了 jQuery Mobile 中使用的範圍滑塊型別 −
| 型別編號。 | Rangeslider 型別 & 描述 |
|---|---|
| 1 | 基本 rangeslider
您可以透過新增 data-role 屬性並將其設定為 rangeslider 來使用 rangeslider 小元件。 |
| 2 | Step 屬性
您可以將 step 屬性新增到輸入中,以強制滑塊按特定增量捕捉。 |
| 3 | 無高亮
如果希望滑塊手柄位置之前的軌道上沒有高亮顯示,請新增 data-highlight 屬性並將其設定為 false。 |
| 4 | 主題
您可以使用 data-track-theme 和 data-theme 屬性設定 rangeslider 的主題。 |
| 5 | 迷你
對於更緊湊版本的 rangeslider,您可以使用 data-mini 屬性。 |
| 6 | 已停用
您可以使用 disabled 屬性停用 rangeslider。 |
| 7 | 標籤隱藏
您可以透過將 ui-hidden-accessible 類新增到標籤中來隱藏 rangeslider 的標籤。 |
| 8 | Fieldcontain
將 ui-field-contain 類新增到表單元素的 div 包裝器中,將確保以響應的方式呈現表單。 |
| 9 | Fieldcontain,迷你
可以將 ui-field-contain 類新增到迷你 rangeslider 中,以便以響應方式呈現它。 |
jquery_mobile_widgets.htm
廣告