我有一个对话框,显示一个动态大小的窗体.目前,我得到的对话框使用以下代码自动调整大小.我想做的是在发生调整大小事件后自动重新定位对话框.这是因为对话框会调整其宽度,我希望它在页面后缀中保持居中.
$("#form-div").dialog({
autoOpen: false,
width: "auto",
height: "auto",
resize: "auto",
modal: true
});
$("#show-form-button").click(function() {
$("#form-div").dialog("open");
});
编辑:
只是要清楚
对话框显示一个表单.显示表单后,其他字段可能会添加到表单,使其不再适合原始对话框. “ resize:’auto’”选项会自动处理此问题并调整对话框的大小.我希望对话框在自动调整大小后居中.
解决方法:
根据文档,调整大小后有一个resizeStop挂钩.因此,您应该能够执行以下操作:
$("#form-div").dialog({
autoOpen: false,
width: "auto",
height: "auto",
resize: "auto",
modal: true,
resizeStop: function(event, ui) {
jQuery(this).dialog('option','position','center');
}
});
$("#show-form-button").click(function() {
$("#form-div").dialog("open");
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。