Question

在jQuery中，我按顺序调用几个对话框来创建向导。尽管将位置设置为position: ["center", "center"]，但对话框与左中心对齐。

向导首先调用getMoreParams(0). HTML中有7个div，跨越moreParams [0-7]。

如果需要更多详细信息，请与我们联系。 See video here.

代码是：

 function getMoreParams(divNumber) {
        $("#moreParams" + divNumber).addClass("isWizard");
        $("#moreParams" + divNumber).dialog({
            title: "Designing wizard",
            width: "300px",
            resizable: false,
            position: ["center", "center"]
        });
        if (divNumber == 0) {
            $("#moreParams" + divNumber).dialog({
                modal: true,
                position: ["center", "center"],
                buttons: {
                    "Let's get started": function() {
                        getMoreParams(divNumber + 1);
                        $(this).dialog("close");
                    }
                }
            });
        }
        if (divNumber == 1) {
            $("#moreParams" + divNumber).dialog({
                modal: true,
                position: ["center", "center"],
                buttons: {
                    "Next": function() {
                        getMoreParams(divNumber + 1);
                        $(this).dialog("close");
                    }
                }
            });
        }
        if (divNumber > 1 && divNumber < 6) {
            $("#moreParams" + divNumber).dialog({
                modal: true,
                position: ["center", "center"],
                buttons: {
                    "Next": function() {
                        getMoreParams(divNumber + 1);
                        $(this).dialog("close");
                    },
                    "Previous": function() {
                        getMoreParams(divNumber - 1);
                        $(this).dialog("close");
                    }
                }
            });
        }
        if (divNumber == 6) {
            $("#moreParams" + divNumber).dialog({
                modal: true,
                position: ["center", "center"],
                buttons: {
                    "Save": function() {
                        $(this).dialog("close");
                        lastStep();
                    },
                    "Previous": function() {
                        getMoreParams(divNumber - 1);
                        $(this).dialog("close");
                    }
                }
            });
        } 
}

Answer 1

此问题与其运行的应用程序隔离。

我无法在其他应用程序中重现这一点。

关闭此问题，但随时可以编辑，因为这是一个维基。

jQuery UI对话框未正确对齐

1 个答案: