如何將元素拖放到某個元素中

我正在嘗試在我的代碼中執行drag and drop功能。如何將元素拖放到某個元素中

我的頁面中至少有兩個tables，我想將table 1 cell拖動到table 2 cell。

大部分table 2單元格都是空的。

我的HTML

Table 1 

<table class = 'dragtable'> 

//bunch of cells... 

</table> 


Table 2 

<table class = 'dragtable'> 

//bunch of cells... 

</table>

在我的代碼：以上

obj = $('.dragtable td'); 
    emptyCell = $('.dragtable td:empty'); 
    $(obj).draggable({ 
     cursor:'pointer', 
     snap:emptyCell 
    })

我的代碼可以使用戶拖動單元格，但我需要確保用戶只能放下該項目爲空單元格不在頁面的任何位置。 emptyCell不適用於我的情況。

PS：我無法更改表class名稱，因爲它會影響許多其他事情。

這裏的任何提示？非常感謝！

2013-07-31 FlyingCat

聽起來像你需要讓你的空單元可放開看到 http://jqueryui.com/droppable/

2013-08-01 05:06:10 markS

感謝下面的鏈接，但我只希望該項目在頁面不是到處下降到空單元格。 +1 – FlyingCat

是的，所以你會讓你的空單元格可以droppable ... $（yourEmptCell）.droppable（options）如果你閱讀我發送給你的鏈接，它清楚地說明了「爲拖動元素創建目標」。 – markS

回答