JQuery-UI draggable réinitialiser à la position d'origine

Question

Ceci est probablement très facile à faire, mais j'ai toujours tendance à penser trop compliqué.

Je viens de mettre en place un simple test avec #draggable / #droppable avec une largeur/hauteur fixe + float:left.

Je veux ensuite un bouton de réinitialisation pour pouvoir réinitialiser le #draggable à son état initial après avoir été snapsé à un #droppable. (dernière ligne)

$(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() {
    /* Que dois-je mettre ici pour réinitialiser le #draggable à sa position d'origine avant le snap */
});

Answer 1

Je ne sais pas exactement ce que les gens souhaitent voir mais j'ai créé un fiddle sur la réinitialisation des objets aux positions initiales en un seul clic, que ce soit verticalement ou horizontalement. Fiddle https://jsfiddle.net/JunaidAli/wp1n796q/321/