0

我正在尝试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名,因为它会影响许多其他事情。

这里有什么提示吗?非常感谢!

4

1 回答 1

1

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

于 2013-08-01T05:06:10.440 回答