以下是关于 jQuery UI 对话框 option() 方法的详细攻略：
jQuery UI 对话框 option() 方法
option() 方法用于设置或获取对话框的选项。可以使用该方法在对话框初始化后改对话框的选项。
语法
selectordialog("option", optionName);
selectordialog("", optionName, value);
selectordialog("option", options);
参数
- optionName: 要设置或获取的选项名称。
- value: 要设置的选项值。
- options: 一个包含要设置的选项名称和值的对象。
示例一：设置对话框标题
<!DOCTYPE html>
<html>
<head>
<title>jQuery UI Dialog option() 方法示例</title>
<script src="https://code.jquery.com/jquery3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
</head>
<body>
<div id="dialog" title="Basic dialog">
<p>This is an example dialog.</p>
</div>
<>
$( "#dialog" ).dialog();
$( "#dialog" ).dialog( "option", "title", "New Title" );
</script>
</body>
</html>
这将创建一个对话框将其标题更改为 "New Title"。
示例二：设置对话框宽度和高度
<!DOCTYPE html>
<html>
<head>
<title>jQuery UI Dialog option() 方法示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
</head>
<body>
<div id="dialog" title="Basic dialog">
<p>This is an example dialog.</p>
</div>
<script>
$( "#dialog" ).dialog({
width: 400,
height: 300
});
$( "#dialog" ).dialog( "option", {
width: 500,
height: 400
});
</script>
</body>
</html>
这将创建一个宽度为 400 像素，高度为 300 像素的对话框，并将其宽度更改为500 像素，高度更改为 400 像素。
总结：
option() 方法用于设置或获取对话框的选项。可以使用该方法在话框初始化后更改对话框的选项。可以设置单个选项或多个选项。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery UI对话框option()方法 - Python技术站
微信扫一扫 
支付宝扫一扫 