在网格中垂直拖放单元格

Drag and drop cells vertically in a grid

本文关键字：拖放 单元格 垂直 网格      更新时间：2023-09-26
|-----------------|----------------------|   
| 10th of May     | Cleaning kitchen     |  
|-----------------|----------------------|  
| 17th of May     | Cleaning living      |  
|                 | room and the         |
|                 | basement             |  
|-----------------|----------------------|  
| 24 th of May    | Cleaning balcony     |  
|-----------------|----------------------|

我有两列。

第二列中的项应该可以垂直拖动以相互改变位置(每行/日期不超过一个项)。

第一列的项目不应垂直改变位置。

我应该寻找什么样的解决方案，既满足上述要求，又尊重相邻单元格的高度?

你可以看到这个提琴:http://jsfiddle.net/T6A2B/1/

使用Jquery排序和connectWith选项:

$(function() {
    $( ".draggable" ).sortable({
          connectWith: ".draggable"
        }).disableSelection();
});
相关文章：