如何拖动元素并放入特定元素

Question

我正在尝试在我的代码中执行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名称，因为它会影响许多其他内容。

这里有什么提示吗？非常感谢！

Answer 1

听起来你需要让你的空单元格可以看到下面的链接 http://jqueryui.com/droppable/