I have an html table in which each row ( <tr>) represents a group of client computers. Each line can be expanded to display clients belonging to the group. <tr>containing clients is always generated, but hidden and displayed when you click the plus button at the beginning of each line.
Clients themselves (they <div>) can be dragged and dropped in another group while this group is already expanded. So far this is working fine.
What I'm trying to achieve now is that the client can be dragged into a collapsed group, and after he or she hangs over the group, it will be expanded and the client can be deleted among other clients of the group.
I programmed hang, using events inand out droppableand he fully extends the group, but (and now it becomes difficult to explain in words;) behavior droppable (client) still looks as if it appears in the table line was missing: the events in outand dropfor droppable run in old position of elements, and in outand dropevents have appeared <tr>never run.
It seems that jQuery remembers position, size, etc. items when you start the drag and drop, and these values are not updated if there is a change in the DOM before the drop occurs ...
Can someone confirm that this behavior is normal, or may be caused by another problem in my own code? Any workaround?
( , - , , )
: , , : http://img69.imageshack.us/img69/309/20100413190123.png p >
: JQuery - 1.3.2, jquery-ui - 1.7.2