jQuery UI Slider disable() 方法(1)

📌 相关文章

📜 jQuery UI Slider disable() 方法(1)

📅 最后修改于: 2023-12-03 14:43:12.244000 🧑 作者: Mango

jQuery UI Slider disable() 方法介绍

简介

disable() 方法用于禁用（或启用）jQuery UI滑块（slider）。

语法

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

参数

该方法无需传入任何参数。

返回值

该方法不返回任何值。

示例

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery UI Slider disable() 方法</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.12.4.js"></script>
  <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#slider" ).slider();
    $( "#disable" ).click(function() {
      $( "#slider" ).slider( "disable" );
    });
    $( "#enable" ).click(function() {
      $( "#slider" ).slider( "enable" );
    });
  });
  </script>
</head>
<body>
 
<div id="slider"></div>
 
<button id="disable">禁用</button>
<button id="enable">启用</button>
 
</body>
</html>

该示例展示了如何使用disable()方法禁用和启用jQuery UI滑块。

首先，定义了一个id为slider的div元素，并将其转化成了一个滑块。然后，定义了两个按钮，其中一个按钮点击后禁用滑块，另一个按钮点击后启用滑块。

注意事项

disable()方法只能作用于jQuery UI滑块。
如果一个滑块已经被禁用，再次调用disable()方法并不会产生任何效果。同样，如果一个滑块已经被启用，再次调用enable()方法也不会产生任何效果。