jQuery UI Progressbar组件的disable()方法可以禁用进度条，使其不能再交互。
语法格式如下：
$( ".selector" ).progressbar( "disable" );
其中，.selector指的是需要被禁用的进度条选择器，该方法没有参数。
使用示例：
示例1：禁用进度条
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Progressbar 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() {
$( "#progressbar" ).progressbar();
$( "#disable" ).on( "click", function() {
$( "#progressbar" ).progressbar( "disable" );
});
});
</script>
</head>
<body>
<div id="progressbar"></div>
<button id="disable">禁用进度条</button>
</body>
</html>
在该示例中，首先创建了一个进度条并调用了progressbar()方法进行初始化，然后通过按钮的事件绑定调用disable()方法禁用进度条。
示例2：通过复选框控制进度条禁用和启用
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Progressbar 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() {
$( "#progressbar" ).progressbar();
$( "#disable" ).on( "click", function() {
if ($(this).prop("checked")) {
$( "#progressbar" ).progressbar( "disable" );
} else {
$( "#progressbar" ).progressbar( "enable" );
}
});
});
</script>
</head>
<body>
<div id="progressbar"></div>
<p>
<label><input type="checkbox" id="disable">禁用进度条</label>
</p>
</body>
</html>
在该示例中，通过一个复选框来控制进度条的启用和禁用。当复选框被勾选时，调用disable()方法禁用进度条；当复选框被取消勾选时，调用enable()方法启用进度条。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery UI Progressbar disable()方法 - Python技术站
微信扫一扫 
支付宝扫一扫 