jquery - 我可以将 jQuery UI 对话框置于 div 中心吗？

Question

我有一个主要内容 div，我想将对话框集中到该 div，而不是页面。有任何想法吗？我知道有一个位置实用程序，但我不知道如何将它与对话框位置选项一起使用。

Answer 1

你是对的，.position()是去这里的方法，如下所示:

​$("#dialog").dialog()
            .parent() //remember .dialog() wraps the content in another <div>
            .position({ my: 'center', at: 'center', of: '#parent' });
  //or just .position({ of: '#parent' });

​ 在上面的#parent 中，它是父元素选择器，you can give it a try here 。您希望 my 和 at 属性为 center，以便它们彼此居中，然后是 of 选择器是您希望其居中的父选择器。

为了便于说明，我指定了所有相关选项，但由于 center 是 my 和 at 的默认值，您可以仅指定 的 就像我在上面的注释行中一样。