jQuery Mobile - 滑塊

滑塊允許您從一個值的範圍內選擇一個數值。滑塊提供一個手柄來滑動並選擇一個值。

下表列出了 jQuery Mobile 中使用的滑塊型別 -

序號	滑塊型別和描述
1	基本滑塊要新增滑塊小部件，請使用帶有type = "range" 屬性的輸入。
2	步長屬性您可以透過向<input>新增 step 屬性來強制滑塊捕捉到特定的增量。
3	高亮顯示要突出顯示滑塊手柄位置之前的軌道上的填充，請新增data-highlight = "true" 屬性。
4	主題要設定滑塊的主題色板，您可以向<input>新增data-theme 屬性。
5	迷你尺寸對於更緊湊版本的滑塊，您可以在<input>中使用data-mini 屬性。
6	停用您可以使用disabled 屬性停用滑塊。
7	標籤隱藏您可以透過向<label>新增ui-hidden-accessible 類來隱藏滑塊的標籤。
8	Fieldcontain 向div新增ui-field-contain 類將確保表單將以響應方式呈現。
9	Fieldcontain，迷你尺寸可以將ui-field-contain 類新增到mini 滑塊以使其以響應方式呈現。
10	全寬滑塊，無輸入您可以隱藏數字輸入，並使用自定義 CSS 使滑塊全寬。
11	動態注入可以使用JavaScript 函式在執行時建立滑塊。

jquery_mobile_widgets.htm

列印頁面

廣告

© . All rights reserved.