在网格中垂直拖放单元格

Question

|-----------------|----------------------|   
| 10th of May     | Cleaning kitchen     |  
|-----------------|----------------------|  
| 17th of May     | Cleaning living      |  
|                 | room and the         |
|                 | basement             |  
|-----------------|----------------------|  
| 24 th of May    | Cleaning balcony     |  
|-----------------|----------------------|  

---

我有两列。

第二列中的项目应垂直拖动以相互更改位置（每行/日期不超过一个项目）。

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

我应该研究哪种解决方案，以及相邻的单元高度？

Answer 1

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

使用Jquery sortable和connectWith选项：

$(function() {
    $( ".draggable" ).sortable({
          connectWith: ".draggable"
        }).disableSelection();
});