I'm using jQuery UI Draggable in a project. I have a checkbox that toggles the grid (10x10 grid) option on the draggable objects.
However, when the grid is turned back on, objects that are moved when the grid was off don't line up with objects that were not moved when the grid was turned off. In short, the objects are on separate grids that do not line up.
So I'd like to have the objects snap to increments of 10 (while the user is dragging them, not just snap on release), so that objects will always line up when the grid is turned on, but I can't seem to figure out how to implement this in jQuery UI. Any ideas?