How do I connect multiple sortable lists to each other in jQuery UI?

Question

I\'m new to jQuery, and I\'m totally struggling with using jQuery UI\'s sortable.

I\'m trying to put together a page to facilitate grouping and ordering of

Answer 1

Can you include the syntax you used for connectWith? Did you place the list of other groups inside brackets(even if it's a selector)? That is:

...sortable({connectWith:['.group'], ... }

Answer 2

This should work:

$('#groupsList').sortable();
$('.itemsList').sortable({
    connectWith: $('.itemsList')
});

Answer 3

 $(function() {
            $( "#groupItems1, #groupItems2, #groupItems3" ).sortable({
                connectWith: ".itemsList"
            }).disableSelection();
        });

This will go all fine for you! doing the same here for me. NO change required in your HTML.