jquery-ui - 加载后jquery ui对话框未垂直居中

Question

我使用具有动态高度的 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");
    });
});

Answer 1

我可以通过设置 autoOpen:false 并在 create 方法中使用我的 ajax 调用创建对话框内容来解决此问题。一旦返回并创建了内容，我就在对话框中调用 open。效果很好！

Answer 2

以上对我不起作用。

$(document).live("ajaxStop", function (e) {
      $("#myDiagDiv").dialog("option", "position", "center");
});