For easy programmability, my code uses config definition variables for the draggables and droppables, and one single code block to define all of them and their behaviours. Apologies for the poor layout on jsfiddle, the styling doesn't seem to be as expected.
I think the "erraticness" of "out" that you were experiencing might be due to a misunderstanding of what "out" does. Note carefully that it is an event for droppable not draggable. This means it detects when something is moved out of a droppable box; it does not detect when a particular draggable is moved out of the droppable boxes.
For example, if you have dropped draggable #2 into droppable #2, and the draggable item sits across droppable boxes #2 and #3; if you put your mouse over draggable #2 but in the region of droppable #3 then start dragging droppable box #2 away, you will get an "out" event from droppable #3 NOT 2; because the event relates to the draggable not the droppable.
You can tweak the behaviour of "out" in a number of ways. In my code I have optimised it by initially setting the droppable tolerance to "pointer", for accuracy when first dropping a draggable; then once the drop has taken place, the tolerance is switched to "touch". This means that, in nearly all cases, the "out" should behave as you wish (although I can only guess what exactly you wish it to do).
Let me know whether this now does what you wish. If not, what exactly do you wish to happen? I don't know, for example, what is the overall purpose of this drag'n'drop. jQueryUI drag'n'drop behaviour is so flexible, including easy sorting, that it can be made to do just about anything.
hi alan.................thanks for your reply.it not worked for me.exactly what i am trying to do is i want to enable previously disabled the DROPPABLE when the DRAGGABLE moved out from the DROPPABLE. but when i am trying to enable in "out " event its not working.is there any alternative for this requirement .i am unable to achieve it .please suggest any alternations.
It would help immensely if you could describe the exact desired full lifecycle of the draggable items, including all permutations of eventualities. From the information you have provided so far I am unable to advise you further. I look forward to helping you. Regards, Alan
hi alan thanx for your reply. my requirement is the DROPPABLE would revert the DRAGGABLE if already any draggable existed in droppable. the draggables are inter changeable among DROPPABLES. the DROPPABLE will accept the DRAGGABLE when no items in it.i think do u understand.