Nested droppable + sortable list
So here’s the behaviour I’m looking for:
I have two lists: one contains a list of draggable items, the other is
a droppable list. Dragging items from the draggable list onto the
droppable appends a clone of the draggable to the droppable list.
Simple, right?
What I would also like to do is to make every item in the droppable
list a droppable itself, so that dragging a draggable on top of it
replaces the HTML of the droppable item with the HTML of the draggable
item.
So, for example, if, my droppable list contains three items, the list
would have four droppables: the list itself, as well as each item in
the list.
I’ve noticed that the drop function for the droppable list drop
function always fires before the drop function of the droppable item
within the list; is there any way to alter this sequence?
Additionally, (and here’s the complicated part), I want to make the
droppable list sortable. Right now, if I try to have a list that is
droppable AND sortable, containing items that are droppable, the
sortable part breaks when I release the mouse button.
I hope this makes sense, although somehow I doubt it. Does anyone
have any pointers for me?
You can see my problem here:
http://www.adamatronics.com/diamondrivals/jquery.php
Try dragging a few items from left to right, then sort the left list.
Cheers,
Adam