jquery可拖动的列但不是行

Question

我正在寻找一个jQuery插件，可以让我拖动项目而不是行。

所以说我有一个2行3列的表。

所有的项目都从第1列开始，其中一些在第1行，一些在第2行。

现在，第一行中的项目只能被拖动到同一行中的列中，第二行中的项目也是一样的。

有大量的拖放插件，但没有我见过让我这样做。

就像一个敏捷规划局，如果你使用一个

编辑

或者是有，我可以使用移动只能在一定名字的元素的插件吗？

Answer 1

使用jQuery UI，为表中的每一行指示它是哪一行，并使用的accept选项来限制特定的draggable可以被删除的位置。

在此示例中，div元素是可拖动的，放置在表格的td元素内。每个tr已将它的id属性设置为row-x，其中x是行号。 accept函数检查可拖动的td元素的行号是否与可拖动的行号相同。

$("div").draggable({ revert: 'invalid' }); 

$("td").droppable({ 
    accept: function(draggable) { 
     var droppable_row = $(this).parent().attr("id").split("-")[1]; 
     var draggable_row = draggable.parent().parent().attr("id").split("-")[1]; 

     return droppable_row == draggable_row; 
    } 
}); 

这里有一个演示：http://jsfiddle.net/EHA46/