Это, вероятно, очень легко сделать, но я всегда думаю, что слишком сложно.

Я только что установил простой тест с #draggable / #droppable с фиксированной шириной / высотой + float: left.

Затем я хочу, чтобы кнопка сброса могла сбросить #draggable в исходное состояние после его привязки к #droppable. (Нижняя линия)

$(document).ready(function() {

    $("#draggable").draggable
    ({  
        revert: 'invalid',
        snap: '#droppable',
        snapMode: 'corner',
        snapTolerance: '22'

    });
});

    $("#droppable").droppable
    ({
        accept: '#draggable', 
        drop: function(event, ui) 
        {
            $(this).find("#draggable").html();
        }
});

    $(".reset").click(function() {
    /* What do I put here to reset the #draggable to it's original position before the snap */
});