我可以将jQuery UI对话框居中放到div中吗？

Question

我有一个主要的内容分区，我想中心对话框到该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的默认值，您可以指定只需of就像我在上面的注释行中所述。