2011-03-20 48 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();呼叫