drag and drop: how to restrict dropping on specific divs only
I have a some draggables items and some droppables divs (rectangular
areas) on screens.
Right now I can drag and drop draggables pretty much anywhere on
screen
I want user to be restricted to dropping the draggable items into
only these droppables divs and nowhere else on page. If user tries to
drag and drop the item to unallowed area of page then dragged item
should revert back to its original position.
How to accomplish this in jquery?