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");
});

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

2 个答案: