JQuery对话框位置

Question

我使用的是JQuery对话框，在屏幕上定位有问题。

<!-- Modal -->
<div id="useAgency" title="Fill Shift Using Agency">
<!-- Modal Info Here-->
</div>

JQuery

$('div#useAgency').dialog({ autoOpen: false,
        modal: true,
        width: 500,
        height: 250,
        position: { my: "top", at: "top", of: window },
        buttons: {
            Cancel: function () {
                $(this).dialog('close');
            }
        }
    });

默认情况下，Modal是隐藏的。一旦我点击一个链接，下面的JQuery代码就会被调用，然后打开Modal。

$("#confirmAgency").click(function () {
        $("#useAgency").dialog('open');
        $('.ui-widget-overlay').css('background', 'black');
    });

当打开时，Modal被放置在页面的中心，但是如果用户在页面底部附近滚动并单击以打开Modal，那么Modal就会在页面底部打开，几乎看不见。

我尝试过在Dialog声明中添加position元素，但它仍然不起作用。

有人能帮忙吗？

提前谢谢。

Answer 1

在模态体上应用此CSS：

position: absolute;
margin-top: 0px;

Answer 2

我也有类似的问题，

我不得不使用对话框对象的setter方法，点击事件，就像在http://api.jqueryui.com/dialog/中

jQuery(“#对话框”).dialog(“选项”，“位置”，{ my："center"，at：“中间”，of: window } )；

在我的例子中，我把屏幕的中心，但偏离了你可以设置在其他地方。