jQuery Mobile - 滑塊翻轉切換開關



滑塊翻轉切換開關用於布林樣式輸入,例如//

下表列出了 jQuery Mobile 中使用的翻轉開關型別 -

序號 翻轉開關型別和描述
1 基本

透過在<select>中新增data-role = "slider"屬性來建立翻轉開關。

2 主題

要為滑塊翻轉開關設定主題樣例,可以將data-themedata-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
廣告
© . All rights reserved.