0

ここに例があります。

ウィンドウを開くと、垂直方向の中央にありますが、水平方向の中央ははるかに下にあります。ポップアップしたときに画面の中央に配置したい。

これはjscriptです...

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

を使用してみましposition: 'middle',たが、うまくいきませんでした。

4

1 に答える 1

1

http://api.jqueryui.com/dialog/#option-positionのドキュメントを見てください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");
        }
    }
});

私はドキュメントを読みました。ダイアログボックスをページの中央に、中央に配置するのではなく、一番上に配置したかったのです。ページのちょうど真ん中。私は中央左、中央中央を試しました...中央中央がないのはなぜですか? — webfrogs 13 年 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");
        }
    }
});

また

$("#dialog").dialog({
    autoOpen: false,
    modal: true,
    width: 1011,
    height: 'auto',
    show: 'fade',
    hide: 'fade',
    position: ['center', 'middle'],
    buttons: {
        "Dismiss": function() {
            $(this).dialog("close");
        }
    }
});
于 2013-09-06T22:36:56.830 に答える