代码之家 › 专栏 › 技术社区 › dcp

jquery对话框未居中

dialog jquery c#

dcp · 技术社区 · 14 年前

编辑:重写这是html只

<html>
<head>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="ui/jquery.ui.core.js"></script>
    <script type="text/javascript" src="ui/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="ui/jquery.ui.dialog.js"></script>
    <link type="text/css" href="themes/base/jquery.ui.all.css" rel="stylesheet" />

<script>
  function showDialog() {
    $("#dialog-modal").dialog({
        resizable: true,
        height: 140,
        modal: true,
        position: 'center',
        buttons: {
            'Yes': function () {
                $(this).dialog("close");
                return true;
            },
            'No': function () {
                $(this).dialog("close");
                return false;
            }
        }
    });
  }
</script>

</head>
<body>

<div style="width:800px; height:800px; border:solid 1px red;">

<div id="dialog-modal" title="Basic dialog"></div>

<input type="button" value="test" onclick="showDialog();"></input>

</div><!-- End demo -->


</body>

</html>

2 回复 | 直到 14 年前

Rubens Mariuzzo Salakar 14 年前

我已经重现了你在 http://jsfiddle.net/zjRga/1/ . 我已经测试过几次了,我无法重现你所说的。你能再核对一下吗?你能确认我们你没有使用任何额外的CSS吗?

注意 :我做了一些小的(非关键的)更改以使其正常工作。

dcp 14 年前

我通过添加以下内容来解决这个问题:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js"
    type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.1.js"
    type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/i18n/jquery-ui-i18n.min.js"
    type="text/javascript"></script>

推荐文章

user2161312 · 打开对话框时检测后退按钮事件

7 年前

Marc Jonkers · P、使用可变消息通知like消息

7 年前

NESHOM · 使用控制台应用程序的QDialog没有任务栏条目

7 年前

Majid Ali · 在android中,EditText的可见性在我的对话中不起作用

7 年前

NESHOM · 根据Qt中的显示/屏幕大小定位动态QDialog

7 年前

ASHMIL · 将活动中的BroadcastReceiver数据发送到对话框中

7 年前

Dataman In Time · 使用对话框确认Nativescript angular

7 年前

ArclightOne · 是否从适配器中更改对话框图像?

7 年前

hedgar2017 · Q对话框窗口模态

7 年前

Nicolus Jovi · 如何通过选项卡布局中自定义对话框的单击响应更改选项卡

7 年前