在网格中垂直拖放单元格

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();
});