我使用具有动态高度的jquery ui对话框。当它打开时,它是居中的,但是当它加载内容时,它会向页面底部扩展。
这是我的函数:
$(this.document).ready(function () {
$(".openDialog").live("click", function (e) {
e.preventDefault();
$("<div></div>")
.addClass("dialog")
.attr("id", $(this)
.attr("dialog-id"))
.dialog({
autoOpen: false,
title: $(this).attr("dialog-title"),
close: function () { $(this).remove() },
modal: true,
width: $(this).attr("dialog-width"),
heith: 'auto',
resizable: false,
draggable: false,
show: 'scale',
hide: 'puff',
position: ['center', 'middle']
})
.load(this.href).dialog("open");
});
$(".close").live("click", function (e) {
e.preventDefault();
$(this).closest(".dialog").dialog("close");
});
});
我能够通过设置 autoOpen:false 并在 create 方法中使用我的 ajax 调用创建对话框内容来解决此问题。 返回并创建内容后,我在对话框中调用 open。 效果很好!
以上 ans 对我不起作用。
$(document).live("ajaxStop", function (e) {
$("#myDiagDiv").dialog("option", "position", "center");
});