2011-03-20 80 views
0

我有这个脚本,它在屏幕上显示窗口:jQuery的拖放正下降

$.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的UI做了,但没有任何结果:(

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

如何创建呢?

+0

你的问题不清楚。 '#工作窗口'在哪里?在您的AJAX呼叫完成后,'#work-window'是否会被'#div-add'填充?如果是这样,当您的AJAX完成并且不在脚本的顶部时,您需要调用'.draggable()'调用 – JohnP 2011-03-20 05:28:47

+0

#div-add出现在#工作窗口中。好吧,我试着做.draggable()时,阿贾克斯完成 – Koiw 2011-03-20 05:39:20

+0

你的权利。它工作,谢谢。 – Koiw 2011-03-20 05:44:33

回答

1

发布了在这里的答案的情况下,它可以帮助别人

你”您可能在#div-add实际存在.draggable()呼叫,因为#div-add只存在于ajax呼叫后,您需要在您的AJAX呼叫完成后拨打$("#div-add").draggable();呼叫