Question

我正在使用 JQuery Dialog ，我在屏幕上定位时遇到了问题。

HTML

<!-- 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');
            }
        }
    });

默认情况下隐藏模态。一旦我点击链接，就会调用以下JQuery代码，然后打开Modal。

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

当打开时，模态被放置在页面的中心，但是如果用户已经在页面底部附近滚动并且点击打开模态，则模态在页面底部打开，几乎看不到

我已经尝试将position元素添加到我的Dialog声明中，但它仍然无效。

有人可以帮忙吗？

提前致谢。

Answer 1

在模态体上应用此CSS：

position: absolute;
margin-top: 0px;

Answer 2

我有类似的问题，

我必须在点击事件中使用对话框对象的setter方法，例如http://api.jqueryui.com/dialog/

jQuery（“#dialog”）。dialog（“选项”，“位置”，{我的：“中心”，位于：“中心”，位于：窗口}）;

在我的情况下，我放在屏幕的中央，但当然你可以在其他地方设置。

JQuery对话位置

2 个答案: