📌 相关文章
- jQuery UI Slider enable() 方法(1)
- jQuery UI Slider enable() 方法
- jQuery Mobile Slider enable() 方法(1)
- jQuery Mobile Slider enable() 方法
- jQuery UI 可选 enable() 方法
- jQuery UI slider()
- jQuery UI 按钮 enable() 方法(1)
- jQuery UI 按钮 enable() 方法
- jQuery UI Slider 小部件方法
- jQuery UI Slider 小部件方法(1)
- jQuery UI Slider 小部件方法
- jQuery UI Slider 小部件方法(1)
- jQuery UI Slider value() 方法
- jQuery UI Slider value() 方法(1)
- jQuery UI Slider value() 方法
- jQuery UI Slider value() 方法(1)
- jQuery UI Slider destroy() 方法(1)
- jQuery UI Slider destroy() 方法
- jQuery UI Slider destroy() 方法(1)
- jQuery UI Slider destroy() 方法
- jQuery UI Slider disable() 方法
- jQuery UI Slider disable() 方法
- jQuery UI Slider disable() 方法(1)
- jQuery UI 控件组 enable() 方法
- jQuery UI 控件组 enable() 方法(1)
- jQuery UI Slider option() 方法(1)
- jQuery UI Slider option() 方法
- jQuery UI Slider option() 方法
- jQuery UI 手风琴 enable() 方法(1)
📜 jQuery UI Slider enable() 方法(1)
📅 最后修改于: 2023-12-03 15:16:44.956000 🧑 作者: Mango
jQuery UI Slider enable() 方法介绍
jQuery UI Slider 是一款基于 jQuery 的可滑动组件，它提供了一个界面上的滑动条，可用于接受用户输入，以便控制应用程序的范围值。enable() 方法，就是用于启用（或禁用）一个 jQuery UI Slider 实例的方法。
语法
$( ".selector" ).slider( "enable" );
参数
该方法不接受任何参数。
返回值
该方法没有返回值。
描述
enable() 方法用于启用被禁用的 jQuery UI Slider 实例。启用后，滑动条可以被拖拽，且可接受用户输入，以便控制应用程序的范围值。
代码示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery UI Slider enable() 方法示例</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<style>
#slider {
margin: 30px;
}
</style>
<script>
$(function() {
$("#slider").slider();
$("#enable").click(function() {
$("#slider").slider("enable");
});
$("#disable").click(function() {
$("#slider").slider("disable");
});
});
</script>
</head>
<body>
<div id="slider"></div>
<button id="enable">启用 Slider</button>
<button id="disable">禁用 Slider</button>
</body>
</html>
以上代码可以创建一个简单的 jQuery UI Slider 实例，并提供了两个按钮，用于启用和禁用该滑动条。点击“启用 Slider”按钮，该 jQuery UI Slider 将被启用。点击“禁用 Slider”按钮，该 jQuery UI Slider 将被禁用。
禁用状态时的效果：
启用状态时的效果：
