Question

我目前在使用可排序的JQuery列表时遇到了一些问题。我有多列“赋值”，用户可以拖放到不同的日期。拖放功能有时似乎关闭，并且不允许我将项目拖放到新列中的任何位置。

目前 - 这是我的JQuery Sortable功能：

$( ".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
例如，我无法将第一列的最后一个列表元素拖到下一列中的第一个列表元素点。

Answer 1

对于这种事情，最好做draggable + sortable：

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

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

Fiddle

拖放可分页列表的问题

1 个答案: