博客

jQuery UI Spinner enable()方法

  • Post category:jquery

以下是关于 jQuery UI Spinner enable() 方法的详细攻略：

jQuery UI Spinner enable() 方法

enable() 方法用于启用 Spinner 控件，使其可以响应用户的操作。

语法

$( ".selector" ).spinner("enable");

示例一：启用 Spinner 控件

<label for="spinner">选择一个数字：</label>
<input id="spinner" name="value">

<button id="disable">禁用</button>
<button id="enable">启用</button>

<script>
$( "#spinner" ).spinner({
  disabled: true
});

$( "#disable" ).click(function() {
  $( "#spinner" ).spinner( "enable" );
});

$( "#enable" ).click(function() {
  $( "#spinner" ).spinner( "disable" );
});
</script>

这将创建一个 Spinner 控件，并在点击“禁用”按钮时禁用该控件，使其无法响应用户的。点击“启用”按钮将重新启用该控件。

示例二：启用 Spinner 控件的某项

<label for="spinner">选择一个数字：</label>
<input id="spinner" name="value">

<button id="disable">禁用最小值</button>
<button id="enable">启用最小值</button>

<script>
$( "#spinner" ).spinner({
  min: 0,
  max: 100,
  disabled: true
});

$( "#disable" ).click(function() {
  $( "#spinner" ).spinner( "option", "min", null );
});

$( "#enable" ).click(function() {
  $( "#spinner" ).spinner( "option", "min", 0 );
});
</script>

这将创建一个 Spinner 控件，并在点击“禁用最小值”按钮时禁用该控件的最小值选项，使其无响应用户的操作。点击“启用最小值”按钮将重新启用该选项。

总结：

enable() 方法用于启用 Spinner 控件，使其可以响应用户的操作。可以使用该方法启用整个控件或者启用控件的某些选项。使用该方法可以方便地控制 Spinner 控件的可用性。

以上是关于 jQuery UI Spinner enable() 方法的详细攻略，包括语法和两个示例。

Tags: