以下是关于 jQuery UI 对话框 option(optionName) 方法的详细攻略：
jQuery UI 对话框 option(optionName) 方法
option(optionName) 方法用于获取对话框的选项值。可以使用该方法获取对话框的各种选项值。
语法
selectordialog("option", optionName);
参数
- optionName: 一个字符串，指定要获取的选项名称。
示例一：获取对话框标题
<!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>
<button id="get-title">Get Title</button>
<script>
$( "#dialog" ).dialog({
autoOpen: false
});
$( "#get-title" ).click(function() {
var title = $( "#dialog" ).dialog( "option", "title" );
alert( "Dialog title is " + title );
});
</script>
</body>
</html>
这将创建一个对话框，并在单击 "Get 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>
<button id="get-height">Get Height</button>
<script>
$( "#dialog" ).dialog({
autoOpen: false,
height: 400
});
$( "#get-height" ).click(function() {
var height = $( "#dialog" ).dialog( "option", "height" );
alert( "Dialog height is " + height );
});
</script>
</body>
</html>
这将创建一个高度为 400 像素的对话框，并在单击 "Get Height" 按钮时获取对话的高度。
总结：
option(optionName) 方法用于获取对话框的选项值。可以使用该方法获取对话框的各种选项值。可以通过选项名称获取对应的选项值。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery UI对话框option(optionName)方法 - Python技术站
微信扫一扫 
支付宝扫一扫 