Estoy usando jQuery UI Draggable en un proyecto. Tengo una casilla de verificación que alterna la opción de cuadrícula (cuadrícula 10x10) en los objetos que se pueden arrastrar.

Sin embargo, cuando se vuelve a activar la cuadrícula, los objetos que se mueven cuando la cuadrícula estaba desactivada no se alinean con los objetos que no se movieron cuando se desactivó la cuadrícula. En resumen, los objetos están en grillas separadas que no se alinean.

Así que me gustaría que los objetos se ajusten a incrementos de 10 (mientras que el usuario los está arrastrando, no solo los de liberación), para que los objetos siempre se alineen cuando la cuadrícula está encendida, pero parece que averiguar cómo implementar esto en jQuery UI. ¿Algunas ideas?