Question

I have a html structure like this

<div id='dropzone'>
<ul id='filelist'>
<li class='fileitem'></li>
<li......
....
....
</ul>
</div>

Jquery UI droppables are

$('#dropzone').droppable();
$('.fileitem').droppable({greedy:true});

Dropping files on dropzone working fine. Now my problem is i would like to drop a fileitem on another fileitem it is not working, when i try to do this it treats like i am dropping fileitem on dropzone.

Answer 1

I’ve made a little demo.
It is not about files as you don’t have problem with them, but it is about draggables and droppables, including greedy droppables.

I suppose you create your li elements dynamically, so don’t forget to dynamicaly initialize them with droppable() call. Note the initLIObject function which is called not only on static li objects, but also on dynamically created li objects.

EDIT1:
have a look at this question
and this one