jQuery UI Dialog positionnement relatif

Question

Fondamentalement, je voudrais que la boîte de dialogue reste dans la même position sur la page, même en changeant la taille de la fenêtre ou en basculant en mode plein écran.

Comment puis-je toujours positionner la boîte de dialogue par rapport à la div conteneur de site plutôt qu'à la fenêtre? Par exemple, mon div conteneur site a une largeur de 960px et est centré sur la page. Je veux que la boîte de dialogue apparaisse toujours à la même position dans ce conteneur même lorsque je redimensionne la fenêtre.

Answer 1

suivre l'événement de la fenêtre de redimensionnement et effectuez les réglages dont vous avez besoin ..

$(window).resize 
(
    function() 
    { 
     $(myDialogSelector)[0].position().top = $(myDivSelector).position().top; 
     $(myDialogSelector)[0].position().left = $(myDivSelector).position().left; 
    } 
); 

Voilà l'idée.