Jquery drag-n-drop

Question

У меня есть этот скрипт, который отображает окно на экране:

$.ajax({
  type: "POST",
  url: "test.php",
  data: dataString,
  cache: false,
  success: function(html){
     $("#work-window").append(html);
  }
});

Это окно:

<div id="div-add" class="window">
<table cellspacing="0" cellpadding="0" class="top-bar">
<td class="left"></td>
<td class="center">Add</td>
<td class="close"> <span id="develop-link-close">close</span></td>
<td class="right"></td>
</table>
Content
</div>

Мне нужно сделать, чтобы при щелчке на центральном классе я мог перетащить этот div (# div-add).

Я пытался сделать это с помощью jquery Ul, но безрезультатно: (

$(function() {
    $( "#div-add" ).draggable();
});

Как создать это?

Answer 1

Размещение здесь в качестве ответа на случай, если это кому-нибудь поможет

Вы, вероятно, делаете вызов .draggable() на своей странице до того, как #div-add действительно существует. Поскольку #div-add существует только после вызова ajax, вам необходимо выполнить вызов $( "#div-add" ).draggable(); после завершения вызова AJAX.