javascript - jQuery模态对话框未居中并带有位置标志

我有一个网站here ...

我没有摆弄小提琴，因为我不确定如何用ajax复制问题。

网站加载后，会自动弹出一个ajax请求。

它偏离中心，当我在其中添加位置标记时，模态根本不出现。我没有任何语法错误，所以我不确定是什么问题。

使用此代码，弹出窗口打开（但偏离中心）...

$(document).ready( function() {
    jQuery('#compliance').load('jquery-ajax.html').dialog();
});

当我添加位置标记时，它根本不显示...

$(document).ready( function() {
    jQuery('#compliance').load('jquery-ajax.html').dialog({
        position: {my: "center top", at:"center top", of: window },
    });
});

编辑-

这才是最终的工作...

    $(document).ready( function() {
        jQuery('#compliance').load('jquery-ajax.html').dialog({
        resizable: false,
        modal: true,
        width: 750,
        show: 'fade',
        hide: 'fade',
        position: {my: "center top", at:"center top", of: window }
        });
});

最佳答案

我相信您的问题与将ajax加载到模式框中有关。这可能导致内容调整问题。您可以尝试添加

jQuery('#compliance').load('jquery-ajax.html').dialog({
    resizable: false,
    modal: true,
    width:'auto'
});

另外，为了将来参考，对元素进行操作时不必使用jQuery。您可以使用$符号。如果这不起作用，那么您在DOM中的javascript的加载顺序可能会出现问题