Jquery对话框位置问题(卡在左上角)

时间:2013-03-20 17:14:37

标签: jquery jquery-ui modal-dialog jquery-ui-dialog jquery-1.9

我遇到了对话框定位的问题。

我使用经典ASP或VBScript以及jquery-ui-1.10.2和jquery-1.9.1.js

我的对话框工作正常,除了定位。无论我改变什么,它似乎都卡在页面的左上角。我添加了一个位置,设置center = true,试图修改样式,以及其他一些小调整,但似乎没有任何效果。我在这里不知所措,想知道是否有其他人遇到过类似的问题,谢谢。

当我下载JQuery UI时,我确保检查了所有内容。

HTML:

<table cellpadding="0" cellspacing="0">
<td id="Comments" height="39" colspan="1">
</td>
</table>

<div id="dialog-message" title="Important information">
    <p style="text-align:center;"> Message regarding this content </p>
    <br/>
    <div style="margin-left: 23px;">
    <p>Subject: <input type="text" id="subject" />
    <br/> <br/>
    Body: <input type="text" id="question" />
    </div>
</div>

Jquery的:

    $(document).ready(function() {
        $("#dialog-message").hide()
    } 
    );
$("#Comments").click(function() {
    $("#dialog-message").dialog({
        modal: true,
        width: 400,
        height: 500,
        }
       }
    });
});

1 个答案:

答案 0 :(得分:1)

清理代码可以解决问题:

$(document).ready(function() {
    $("#dialog-message").hide();
    $("#Comments").click(function() {
            $("#dialog-message").dialog({
                modal: true,
                width: 400,
                height: 500
            });
    });
});

这是working jsfiddle