我是JQueryUI的新手，虽然我有一个对话框工作，但它并不是以我想我指定的大小打开的。为什么在定义对话框时设置宽度和高度不会影响对话框的初始大小？如何使它600像素乘以500像素？
这是定义对话框的div：
<div id="dialog-form" title="Create Appointment"> <form> . . . </form> </div>
这是一个对话框的JavaScript：
$(function() {
$("#dialog-form").dialog({
autoOpen: false,maxWidth:600,maxHeight: 500,width: 600,height: 500,modal: true,buttons: {
"Create": function() {
$(this).dialog("close");
},Cancel: function() {
$(this).dialog("close");
}
},close: function() {
}
});
而定义按钮的JavaScript可以打开它：
$("#create-appt")
.button()
.click(function() {
$("#dialog-form").dialog("open");
});
});
编辑：
我现在看到了这个问题：除了我使用–app = …命令行选项在Google Chrome中运行它以外，这可以正常运行，因此它不会重新加载整个应用程序。
解决方法
问题：为什么定义对话框时设置宽度和高度不会影响对话框的初始大小？
答：它是…你使用什么浏览器和jQuery的版本。
我将您的代码从上面剪切/粘贴到一个小样本中，并且工作正常。我粘贴了下面的完整示例，您可以尝试一下。
<html>
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jQuery UI Example Page</title>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.11.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"> </script>
<script type="text/javascript">
$(document).ready(function () {
$(function() {
$("#dialog-form").dialog({
autoOpen: false,buttons: {
"Create": function() {
$(this).dialog("close");
},Cancel: function() {
$(this).dialog("close");
}
},close: function() {
}
});
});
$("#create-appt")
.button()
.click(function() {
$("#dialog-form").dialog("open");
});
});
</script>
</head>
<body>
<h1>test</h1>
<div id="dialog-form" title="Create Appointment">
<p> this is my test </p>
</div>
<input type="button" id="create-appt" value="test"/>
</body>
</html>
