make a list of draggable elements, sortable
Please, look at this semplified code:
$('form').submit(function(e) {
[...]
append submitted element to ul.list
[...]
$('ul.list').sortable({ //the ul list have to be sortable
stop: ...
});
$('ul.list li').draggable({ //the li element could be dragged to another div
});
}
The code above:
-add a li element to a list
- add sortable behaviour to ul container
- add draggable behaviour to li element
The purpose is to let the dynamically created li 's to be sortable in the parent list and draggable to another container.
Problems: draggable interaction overwrite the sortable, so dragging a li element inside the main container will never work, however dragging it to the other container works well.
Using connectToSortable option does not solve the issue.
Any ideas?