大佬教程收集整理的这篇文章主要介绍了JQueryUI对话框大小，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
这是定义对话框的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>
以上是大佬教程为你收集整理的JQueryUI对话框大小全部内容，希望文章能够帮你解决JQueryUI对话框大小所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。