jquery boîtes de dialogue multiples

Question

Bonjour, j'essaie de mettre plusieurs boîtes de dialogue dans une seule page. J'avais téléchargé la démo pour une seule boîte de dialogue et appliqué le même effet à différents "div" s .. mais il est venu sur la même position. comment puis-je mettre diff. boîtes de dialogue dans les positions diff? j'ai défini des styles pour les 2ème et 3ème "div"; mais ca marche pas .. quelqu'un s'il vous plaît aidez-moi ..

c'est mon code ..

jQuery UI Dialog - fonctionnalité par défaut

<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> 
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> 
<script type="text/javascript" src="../../ui/jquery.ui.mouse.js"></script> 
<script type="text/javascript" src="../../ui/jquery.ui.draggable.js"></script> 


<script type="text/javascript" src="../../ui/jquery.ui.dialog.js"></script> 
<link type="text/css" href="../demos.css" rel="stylesheet" /> 
<script type="text/javascript"> 
$(function() { 
    $("#dialog").dialog(); 
}); 

$(function() { 
    $("#two").dialog(); 
}); 

</script> 

concernant tismon

Answer 1

Indique où le dialogue doit être affiché. Valeurs possibles:

1. une seule chaîne représentant position dans viewport: 'centre', 'gauche', 'droite', 'haut', 'bas'.

2. un tableau contenant un x, y paire de coordonnées en pixel décalé par rapport à gauche, en haut de la fenêtre (par exemple [350100])

3. un tableau contenant position x, y des valeurs de chaîne (par exemple, ['right', 'top'] pour le coin en haut à droite).

exemples de code

Initialiser une boîte de dialogue avec l'option de position spécifiée.

$(".selector").dialog({ position: 'top' }); 

Récupère ou définit l'option de position, après init.

//getter 
var position = $(".selector").dialog("option", "position"); 

//setter 
$(".selector").dialog("option", "position", 'top'); 

source
rapide demo