我可以将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的默认选项，因此您可以指定 {{1}就像我在上面的注释行中一样。