Centre de dialogue jQuery popUp avec une largeur automatique et hauteur automatique

Question

Je suit l'initialisation du dialogue jQuery popUp, avec du contenu dynamique:

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"); 
    }); 
}); 

});

Je suis désolé pour cette question plus simple, mais je ne peux pas placer la fenêtre contextuelle au centre de la page entière. Le problème est:

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

Answer 1

Le problème est dû au fait que la boîte de dialogue est positionnée avant le chargement de son contenu et que, par conséquent, sa taille change. Changer votre logique afin que le contenu est chargé en premier, puis instancier la boîte de dialogue:

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

Cela devrait être suffisant pour l'option de position:

position:'center' 

ça marche?