Puis-je centrer une boîte de dialogue jQuery UI sur un div?

Question

J'ai un div contenu principal, et je voudrais centrer la boîte de dialogue sur ce div, plutôt que sur la page. Des idées? Je sais qu'il y a un utilitaire de position, mais je ne peux pas savoir comment l'utiliser avec les options de position de la boîte de dialogue.

Answer 1

Vous avez raison, .position() est le chemin à parcourir ici, comme ceci:

​$("#dialog").dialog() 
      .parent() //remember .dialog() wraps the content in another <div> 
      .position({ my: 'center', at: 'center', of: '#parent' }); 
    //or just .position({ of: '#parent' }); 

Dans le #parent au-dessus du sélecteur d'élément parent, you can give it a try here. Vous voulez que les propriétés my et at d'être center ils sont centrés dessus op d'un autre, le sélecteur of est le sélecteur de parent, vous voulez centrée.

I spécifié toutes les options pertinentes à titre d'illustration, mais depuis center est la valeur par défaut pour my et at, vous pouvez spécifier juste le of comme je l'ai dans la ligne commentée ci-dessus.