Aligner la fenêtre de dialogue au centre de l'écran

Question

Je suis coincé avec un problème mineur dans l'alignement de la fenêtre de dialogue au centre de l'écran. La position est réglée sur le centre, mais le problème est que le coin supérieur gauche de la fenêtre du dailog est celui qui est aligné sur le centre de l'écran ... est-il possible de surmonter cela.

// Dialog box properties for Select drive 
    $(".Drive").dialog({ 
    title: 'Form Design' 
    , width: 'auto' 
    , height: 'auto' 
    , autoOpen: false 
    , position: 'center' 
    , closeOnEsc: true 
    , modal: true, 
    }); 
    $('.driveChoose').click(function(){ 
    var modalUrl = $(this).attr('title'); 
    $('.Drive').load(modalUrl).dialog('open'); 
    return false; 
    }); 

Answer 1

cela fonctionne bien pour moi:

<script type="text/javascript" src="/js/jqueryui/jquery.ui.position.js"></script> 

$(".Drive").dialog({ 
    position: ['center', 'center'] 
}); 

Answer 2

question ancienne, mais il y a deux coupables très communs pour cela.

1. Le centrage est effectué en fonction du contenu de la boîte de dialogue lorsque vous l'ouvrez. Si vous ajoutez le contenu après .open, cela expliquera que le niveau supérieur est au centre (parce que le div était à l'origine emtpy).
2. Il se peut que certains fichiers de jquery-ui vous manquent, ou vous pouvez avoir jquery.dimensions.js qui ne devrait pas être là. Plus d'infos ici: Dialog box not positions center screen