我可以將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就像我在上面的註釋行中所述。