Jquery拖放

时间:2011-03-20 05:21:53

标签: jquery drag-and-drop

我有这个脚本,用于在屏幕上显示窗口:

$.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();
});

如何创造这个?

1 个答案:

答案 0 :(得分:1)

如果它可以帮助其他人,请将其作为答案发布

您可能在.draggable()确实存在之前在您的网页中进行#div-add来电。由于#div-add仅在ajax调用之后存在,因此您需要在AJAX调用完成后进行$( "#div-add" ).draggable();调用。