JQuery UI - Drag from Sortable to Droppable

Question

I have a list of images which are sortable. To delete them, the user will drag them from the Sortable list to a Droppable div representing a trashcan. How can I accomplish this?

Do I need to add a draggable to each of the image for it to work with the droppable?

Answer 1

Yes, each image needs to be draggable (even though it is already sortable).

An item needs to be draggable so that you can drop it on your droppable area.

jQuery has a nice demo of how to make Sortable and Draggable items play nicely together:

jQuery UI - Draggable Demos