Search jQuery

jQuery Forum

edwin.sec..

Droppable tolerance

in Using jQuery UI • 13 years ago

Hi,
I have a collapsable/expandable tree menu for folders on my server. I
was trying to make a file draggable and droppable on a folder.
All works well on the folders that are visible in the tree after page
load. But if I expand a part of the tree, there appears to be no
droppable area for the newly shown folders. They have a link and all,
and they have been set up as a droppable, but no event is triggered
when I drag a file over it.
Someone who has experienced the same? Is it solvable? Can I
dynamically 'activate' the droppable?
Regards,
Edwin
--

Replies(8)

rdworth

Re: Droppable tolerance

13 years ago

Are these new droppables being added dynamically while the draggable is being dragged?<div>
</div><div>Are you calling .droppable() on these elements after they're brought into the page?</div><div>
</div><div>Can you share a live sample page?</div>
<div>
</div><div>- Richard

edwin.sec..

Re: Droppable tolerance

13 years ago

Hi Richard,
No, the droppables are already there for all the folders. They are
added when the tree is built.
I created an account for you at our dev server http://dev.secureoffice.net:
- user: rdworth@gmail.com
- pwd: rdworth
- site: ORANGEPORT
Start with the folder Archive collapsed, then expand it. Don't refresh
the page. Drag a file from Root to the subfolder 'JQuery test' by
dragging its icon. If the folder background becomes yellow, you can
drop it.

rdworth

Re: Droppable tolerance

13 years ago

I inspected the span with Firebug and it's not a droppable, as it doesn't have the ui-droppable class.<div>
</div><div>- Richard

edwin.sec..

Re: Droppable tolerance

13 years ago

But I do write that in the script. If you look in the source, it is
there.

rdworth

Re: Droppable tolerance

13 years ago

You're calling .droppable(options) on the following elements<div>
</div><div><div>#tree_folder_8</div><div>#tree_folder_96</div><div>#tree_folder_97</div><div>#tree_folder_95</div><div>
</div><div>but you're doing that when the page loads. At that time, #tree_folder_97 is not on the page. You need to call .droppable() on that element after it is added to the page.</div>
<div>
</div><div>- Richard</div>

edwin.sec..

Re: Droppable tolerance

13 years ago

Thanks, Richard. That made things clearer. I have now integrated
calling .droppable when the folder is expanded and it works when
starting a new drag.
Just one Q: how can I force the .droppable to be executed at the time
that the div is created? I mean, if I would make the folder expand on
mouseover, I need to run that bit of script to activate it.