📜  jQuery UI Spinner enable() 方法(1)

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

jQuery UI Spinner enable() 方法

简介

enable() 方法是jQuery UI Spinner插件提供的一个方法,用于启用或禁用Spinner控件。该方法将Spinner控件设置为可用或不可用的状态。

语法
$(selector).spinner("enable")
参数

该方法没有参数。

返回值

该方法没有返回值。

示例

以下示例演示了在单击按钮时启用和禁用Spinner控件的过程。

<!DOCTYPE html>
<html>
<head>
	<title>jQuery UI Spinner enable() 方法</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
	<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
	<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
	<style type="text/css">
		#spinner {
			width: 50px;
		}
	</style>
	<script type="text/javascript">
		$(document).ready(function(){
			$("#spinner").spinner();
			$("#btnEnable").click(function(){
				$("#spinner").spinner("enable");
			});
			$("#btnDisable").click(function(){
				$("#spinner").spinner("disable");
			});
		});
	</script>
</head>
<body>
	<label for="spinner">Spinner: </label>
	<input id="spinner" value="0">
	<br><br>
	<button id="btnEnable">启用</button>
	<button id="btnDisable">禁用</button>
</body>
</html>

在上述示例中,我们初始化了一个Spinner控件,然后设置了两个按钮(启用和禁用),并使用enable()disable()方法来启用或禁用Spinner控件。

注意

如果您试图在未初始化的Spinner控件上调用enable()方法,则该方法将不起作用。在调用enable()方法之前,请确保您已经初始化了Spinner控件。

参考链接

jQuery UI Spinner Documentation