中心的jQuery彈出對話框與汽車的寬度和高度自動

Question

我有以下的jQuery彈出對話框的初始化，動態內容：

jQuery("#popUp").live("click", function (e) { 
    e.preventDefault(); 
    jQuery("<div></div>") 
     .addClass("dialog") 
     .attr("id", "popUpDialog") 
     .appendTo("body") 
     .dialog({ 
      title: jQuery(this).attr("data-dialog-title"), 
      close: function() { jQuery(this).remove(); }, 
      modal: true, 
      hide: { effect: "none", duration: 150 }, 
      show: { effect: "none", duration: 150 }, 
      width: 'auto', 
      height: 'auto', 
      position: { 
       my: 'center', 
       at: 'center', 
      of: jQuery(window) 
      } 
     }).load(this.href); 

    jQuery(".close").live("click", function (e) { 
     e.preventDefault(); 
     jQuery(this).closest(".dialog").dialog("close"); 
    }); 
}); 

}）;

我很抱歉這個最簡單的問題，但我不能把彈出窗口放在整個頁面的中心。問題是：

    position: { 
        my: 'center', 
        at: 'center', 
       of: jQuery(window)} 

Answer 1

問題是因爲對話框在其內容加載之前被定位，因此它的大小在變化。從而使內容首先加載改變你的邏輯，然後實例對話框：

jQuery('<div />', { 
    class: 'dialog', 
    id: 'popUpDialog' 
}) 
    .appendTo("body") 
    .load(this.href, function() { 
     // set up the dialog in the callback of the AJAX request... 
     jQuery(this).dialog({ 
      title: jQuery(this).attr("data-dialog-title"), 
      close: function() { jQuery(this).remove(); }, 
      modal: true, 
      hide: { effect: "none", duration: 150 }, 
      show: { effect: "none", duration: 150 }, 
      width: 'auto', 
      height: 'auto', 
      position: { 
       my: 'center', 
       at: 'center', 
       of: window 
      } 
     }) 
    }); 

Answer 2

這應該是足夠的位置選項：

position:'center' 

工作的呢？