Question

我有JQuery对话框，我有一个问题是将框放在中心位置。这是我的代码：

$.extend({ 
    alert: function (message, title) {
        $("<div></div>").dialog( {
            buttons: { "Ok": function () { $(this).dialog("close"); } },
            close: function (event, ui) { $(this).remove(); },
            resizable: false,
            title: title,
            modal: true,
            width:'auto',
            .position({
                    my: "center",
                    at: "center",
                    of: window
            })
        }).html(message);
    }
});

以下是我调用jquery对话框的方法：

$.alert('<div>My Dialog Box test.</div>', 'My File');

以下是我的工作示例：https://jsfiddle.net/dmilos89/wn1fy15f/1/

我也使用jquery-ui-1.12.1 Jquery版本。如果有人可以提供帮助，请告诉我。

Answer 1

使用哪个版本的jquery？如果您在1.12之后使用，则不需要在对话框属性中使用位置

Answer 2

$.extend({ 
    alert: function (message, title) {
        $("<div></div>").dialog( {
            buttons: { "Ok": function () { $(this).dialog("close"); } },
            close: function (event, ui) { $(this).remove(); },
            resizable: false,
            title: title,
            modal: true,
            width: '600px',
            position : {
                    my: "center",
                    at: "center",
                    of: window
            }
        }).html(message);
    }
});

您在声明position时出错。同样，当您声明width:'auto'时，您需要将其设置为固定宽度。

如何在屏幕中央放置对话框？

2 个答案: