jQuery Forum

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?