我可以将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它是父元素选择器,你可以在这里尝试一下.你希望my和at属性是center这样的,它们彼此居中,然后of选择器是你想要它居中的父选择器.

我指定了图中所有的相关选项,但由于center是默认my和at,您可以指定只在of像我在上面的注释行.