Issue with drag + drop sortable list

Question

I'm currently having a bit of an issue with my sortable JQuery list. I have multiple columns of "assignments" that the user is able to drag and drop to different dates. The drag and drop function seems off at times and does not allow me to drag and drop an item anywhere in a new column.

Currently - this is my JQuery Sortable function:

$( ".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'
});

Here is the link to my fiddle so you can test out the issue yourself: My Fiddle
For example, I am not able to drag the last list element of the first column into the first list element spot in the next column.

Tomanow · Accepted Answer · 2014-11-15 23:06:11Z

1

It is better to do draggable + sortable for this kind of thing:

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

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

Fiddle

answered Nov 15, 2014 at 23:06

Tomanow

7,3953 gold badges30 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kelsey Hisek Over a year ago

Thanks for your help but the draggable function does not seem to solve the problem. A main example of the issue I'm having is that I am not able to drag one list element to the first spot in a different column.

Collectives™ on Stack Overflow

Issue with drag + drop sortable list

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related