Есть такой див, который представляет собой диалог:
<div class="dialogWindow" id="dialog">
<div class="rounded-corner-container">
<div class="rounded-corner-1"> </div>
<div class="rounded-corner-2"> </div>
<div class="rounded-corner-3"> </div>
<div class="rounded-corner-4"> </div>
<div class="content">
<table width="560" border="0" cellpadding="2px">
<tr>
<td width="532"><h2 class="dialogHeader">Добавление записи</h2></td>
<td width="14"><p class="operationButtons X" id="X"><a href="#" class="special">X</a></p></td>
</tr>
</table>
<form method="post" id="form">
<label for="zagolovok" id="head">Заголовок</label>
<input type="text" name="zagolovok" id="header" size="82" class="input"/>
<label for="content" id="content">Описание</label>
<textarea name="content" cols="64" rows="3" id="container"></textarea>
</form>
<p class="operationButtons SaveOrCancel"><a href="#" class="special" id="saveButton">Сохранить</a> <a href="#" class="special" id="cancelButton">Отменить</a></p>
</div>
<div class="rounded-corner-4"> </div>
<div class="rounded-corner-3"> </div>
<div class="rounded-corner-2"> </div>
<div class="rounded-corner-1"> </div>
</div>
</div>
Его цсс:
|
Код:
|
.dialogWindow {
text-align:left;
width: 560px;
margin:0 auto;
position: absolute;
top:50%;
left:50%;
margin-left: -280px;
margin-top: -100px;
display: none;
} |
Ну и сам JS:
$(document).ready(function(){
var dialogControll = new DialogController(); //Контроллер диалога
$('#dialog').draggable();
});
Все либы подключены. А проблема в чем, чтобы я не делал, диалог после появления так и не могу перемещать. Не пойму в чем проблема, помогите пожалуйста кто знает. Забыл добавить, файрбаг пишет, что функция draggable() не определена, хотя я подключил все(сам jquery, ui.core, ui.draggable). Либы качал с офф сайта.
