将对话窗口调整到屏幕中央

Question

我在将对话框窗口调整到屏幕中心时遇到了一个小问题。 位置设置为中心，但问题是，dailog窗口的左上角是与屏幕中心对齐的位置...有什么方法可以解决这个问题。

// Dialog box properties for Select drive 
    $(".Drive").dialog({ 
    title: 'Form Design' 
    , width: 'auto' 
    , height: 'auto' 
    , autoOpen: false 
    , position: 'center' 
    , closeOnEsc: true 
    , modal: true, 
    }); 
    $('.driveChoose').click(function(){ 
    var modalUrl = $(this).attr('title'); 
    $('.Drive').load(modalUrl).dialog('open'); 
    return false; 
    }); 

Answer 1

能正常工作对我来说：

<script type="text/javascript" src="/js/jqueryui/jquery.ui.position.js"></script> 

$(".Drive").dialog({ 
    position: ['center', 'center'] 
}); 

Answer 2

古老的问题，但也有一对夫妇为这个很常见的元凶。

1. 当打开对话框时，根据对话框的内容完成对中。如果您在.open之后添加内容，那么这将解释顶级居中的原因（因为div最初是emtpy）。
2. 你可能会缺少jquery-ui的一些文件，或者你可能有jquery.dimensions.js，它们不应该在那里。这里更多的信息：Dialog box not positions center screen