jquery multiple dialoge boxes

Question

Привет, я пытаюсь разместить несколько диалоговых окон на одной странице. я загрузил демо для одного диалогового окна и применил тот же эффект к разным «div» s .. но он вышел на ту же позицию. как я могу положить diff. диалоговые окна в положениях diff? У меня установлены стили для 2-го и 3-го «div»; но не работает .. кто-то пожалуйста, помогите мне ..

это мой код ..

JQuery UI Dialog - По умолчанию функциональность

<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> 

приветы tismon

Answer 1

Указывает, где должно отображаться диалоговое окно . Возможные значения:

1. одна строка, представляющая позицию в окне просмотра: 'центр', 'левый', 'право', 'верх', 'низ'.

2. массив, содержащий х, у пара координат в пикселе смещение от слева, верхний угол окна просмотра (например, [350100])

3. массив, содержащий х, у позиции строковые значения (например, ['right', 'top'] для верхнего правого угла).

примеры кода

Инициализировать диалог с опцией положения указанного.

Получить или установить опцию позиции после инициализации.

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

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

source
быстро demo