使用sortable跨行拖拽对换位置中间的单元会自动上调导致排序混乱怎么解决
时间: 2023-12-10 07:05:23 浏览: 83
sorttable拖拽排序
在使用sortable进行跨行拖拽对换位置时,可能会出现中间的单元格自动上调的问题,导致排序混乱。这个问题可以通过设置`helper: "clone"`选项来解决。具体来说,可以在初始化sortable时使用以下代码:
```javascript
$( "#sortable" ).sortable({
helper: "clone"
});
```
这样设置之后,sortable会使用一个克隆的元素来代替被拖拽的元素,从而避免了中间单元格自动上调的问题。同时,为了保证跨行拖拽的正确性,可以设置`connectWith`选项来指定可以进行拖拽的元素的范围。
```javascript
$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable",
helper: "clone"
}).disableSelection();
```
上述代码中,`connectWith`选项指定了可以进行拖拽的元素范围为`.connectedSortable`,并且使用了`.disableSelection()`方法来禁止选中文本。这样可以保证sortable的正常运行,并且避免了中间单元格自动上调的问题。
阅读全文