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

古老的问题，但是有一些非常常见的罪魁祸首。

打开时，基于对话框的内容完成居中。如果您在.open之后添加内容，则可以解释顶级位于中心位置（因为div最初是emtpy）。
您可能缺少jquery-ui中的某些文件，或者您可能有jquery.dimensions.js，它们不应该在那里。更多信息：Dialog box not positions center screen

将对话框窗口对齐到屏幕中心

2 个答案: