Steve Gattuso Steve Gattuso - 5 months ago 18
Javascript Question

Move from sortable to sortable

Is there any way for me to allow a user to drag a div which I've put in a sortable list (

I used jquery ui's $.sortable()
function), into a different sortable list?

Answer

Check out the connectWith option for sortables.

Essentially, if you only want #DivA to be able to drag elements to #DivB your sortables would be:

$('#DivA').sortable({connectWith: ['#DivB']});
$('#DivB').sortable();

If you want to be able to exchange items between the two you have to set the relationship both ways:

$('#DivA').sortable({connectWith: ['#DivB']});
$('#DivB').sortable({connectWith: ['#DivA']});
Comments