javascript - 对话框的位置不在网络浏览器的中心

Question

我正在处理以下 php 和 java 脚本，一旦弹出 label_dialog 框，即使我以它为中心，它也会打开到浏览器的左上角..任何人都可以帮忙弄清楚为什么它不在中心？

PHP 代码:-

            <div id="label_dialog" title="Submission Details">
              <center><table border='1' align="center">
              <div id="submission_details" name="submission_details"></div>
                </table></center>
            </div>

JavaScript 代码:-

    $("#label_dialog").dialog({
        modal: true,
        draggable: false,
        resizable: true,
        position: ['center'],
        width: $( window ).width()*3/4,
        dialogClass: 'ui-dialog-osx',
        buttons: {
            "Edit": function() {
                $(this).dialog("close");
            },
            "Submit": function() {
                $(this).dialog("close");
                $('#submitted_gerrits_form').hide();
                $('#gerrits_form').hide();
                $("#component_form").hide();
                $("#submitted_gerrits_table").hide();
                $("#gerrits_form").hide();
                $("#check_gerrits").hide();
                $("#main_form_su_validation").hide();
                $("#contacts_form").hide();
                $("#dependencies_form").hide();
                $("#su_release_form").hide();
                $("#submission_note_form").hide();
                $("#submission").hide();

Answer 1

尝试删除该行:

position: ['center'],

如果您检查docs您会发现您没有使用正确的格式；位置需要是 object 。如果你想居中(默认)，你可以使用类似的东西:

{ my: "center", at: "center", of: window }

但是，由于这是默认设置，您应该可以忽略它。