Question

我有一个例子here。

当我打开窗户时，它是垂直居中的，但水平中心是向下的。当它弹出时我想让它在屏幕上居中。

这是jscript ......

    $(function() {
        $("#dialog").dialog({
            autoOpen: false,
            modal: true,
            width: 1011,
            height: 'auto',
            show: 'fade',
            hide: 'fade',
            buttons: {
                "Dismiss": function() {
                    $(this).dialog("close");
                }
            }
        });

我尝试过使用position: 'middle',，但它没有用。

Answer 1

查看position的文档 http://api.jqueryui.com/dialog/#option-position

以下是您如何使用它：

$("#dialog").dialog({
    autoOpen: false,
    modal: true,
    width: 1011,
    height: 'auto',
    show: 'fade',
    hide: 'fade',
    position: {my: "center top", at:"center top", of: window },
    buttons: {
        "Dismiss": function() {
            $(this).dialog("close");
        }
    }
});

我仔细阅读了文档。我想要对话框居中，在页面中间...不居中，而且非常最佳。就在页面中间。我试过中左，中心中心...怎么没有中间的中间？ - 网页蛙于2013年9月6日在22:58
       Someone please come back... – webfrogs Sep 7 '13 at 2:04

您可以使用以下任何一项在页面中间进行

$("#dialog").dialog({
    autoOpen: false,
    modal: true,
    width: 1011,
    height: 'auto',
    show: 'fade',
    hide: 'fade',
    position: {my: "center top", at:"center middle", of: window },
    buttons: {
        "Dismiss": function() {
            $(this).dialog("close");
        }
    }
});

OR

$("#dialog").dialog({
    autoOpen: false,
    modal: true,
    width: 1011,
    height: 'auto',
    show: 'fade',
    hide: 'fade',
    position: ['center', 'middle'],
    buttons: {
        "Dismiss": function() {
            $(this).dialog("close");
        }
    }
});

水平居中jQuery对话框窗口

1 个答案: