CODEWITHSUNDEEP
jqueryhtmljquery-ui
kirankumar
kirankumar

Reputation: 197

jquery ui droppable greedy not working

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.

Upvotes: 1

Views: 2432

Answers (1)

Anton Boritskiy
Anton Boritskiy

Reputation: 1569

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

Upvotes: 1

Related Questions