jQuery Mobile Slider disable() 方法介绍

在 jQuery Mobile 中，可以使用 Slider 控件来在移动设备上创建滑块。通过使用 Slider 控件，可以让用户通过滑动来设置数值或者范围。然而，在某些情况下，可能需要禁用 Slider 控件，以防止用户操作。

此时，就可以使用 jQuery Mobile 中提供的 disable() 方法来禁用 Slider 控件。

方法介绍

jQuery Mobile Slider disable() 方法用于禁用 Slider 控件。

语法：

$(selector).slider("disable");

参数：

• selector：要选取的 Slider 控件。

返回值：

• 无返回值。

方法示例

以下示例展示了如何在点击一个按钮后禁用指定的 Slider 控件：

// HTML 代码
<div data-role="fieldcontain">
  <label for="slider-1">滑块:</label>
  <input type="range" name="slider" id="slider-1" value="50" min="0" max="100" />
</div>
<button id="disable-slider">禁用滑块</button>

// JavaScript 代码
$(document).ready(function(){
  $("#disable-slider").click(function(){
    $("#slider-1").slider("disable");
  });
});

注意事项

• 使用 disable() 方法禁用 Slider 控件后，用户将无法对其进行滑动操作。
• 使用 enable() 方法可以重新启用 Slider 控件。