jQuery Mobile - 範圍滑塊小元件



Rangeslider 小元件為您提供一對可用於選擇數值範圍的控制代碼。

下表列出了 jQuery Mobile 中使用的範圍滑塊型別 −

型別編號。 Rangeslider 型別 & 描述
1 基本 rangeslider

您可以透過新增 data-role 屬性並將其設定為 rangeslider 來使用 rangeslider 小元件。

2 Step 屬性

您可以將 step 屬性新增到輸入中,以強制滑塊按特定增量捕捉。

3 無高亮

如果希望滑塊手柄位置之前的軌道上沒有高亮顯示,請新增 data-highlight 屬性並將其設定為 false

4 主題

您可以使用 data-track-themedata-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
廣告
© . All rights reserved.