博客

jQuery UI Spinner disable()方法

  • Post category:jquery

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

jQuery UI Spinner disable() 方法

disable() 方法用于禁用 Spinner 控件，使其无法响应用户的操作。

语法

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

示例一：禁用 Spinner 控件

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

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

<script>
$( "#spinner" ).spinner();

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

$( "#enable" ).click(function() {
  $( "#spinner" ).spinner( "enable" );
});
</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
});

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

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

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

总结：

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

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

Tags: