拖放可排序列表的问题

Posted 2023-05-08

【中文标题】拖放可排序列表的问题

【英文标题】：Issue with drag + drop sortable list

【发布时间】：2015-01-13 01:43:57

【问题描述】：

我的可排序 JQuery 列表目前有点问题。我有多列“作业”，用户可以将它们拖放到不同的日期。拖放功能有时似乎关闭，并且不允许我将项目拖放到新列中的任何位置。

目前 - 这是我的 JQuery 可排序函数：

$( ".connectable_list1").sortable(
    connectWith: '.connectedSortable',
    scroll: false,
    distance: 7,
    distance: 7,
    placeholder: 'placeholder1',
    tolerance: 'pointer'
);

$( ".connectable_list2" ).sortable(
    connectWith: '.connectedSortable',
    scroll: false,
    distance: 7,
    distance: 7,
    placeholder:'placeholder2',
    tolerance: 'pointer'
);

这是我的小提琴的链接，因此您可以自己测试问题：My Fiddle 例如，我无法将第一列的最后一个列表元素拖到下一列的第一个列表元素位置。

【参考方案1】：

这种事情最好做draggable + sortable：

 $(".connectedSortable").sortable(
     scroll: false,
     distance: 1,
     placeholder: 'placeholder1',
     tolerance: 'intersect',
     revert: true
 );

 $(".connectable_list1 li").draggable(
     connectToSortable: '.connectedSortable',
 );    

Fiddle

【讨论】：

感谢您的帮助，但可拖动功能似乎无法解决问题。我遇到的问题的一个主要示例是我无法将一个列表元素拖动到不同列中的第一个位置。