JQuery-UI 可拖动重置到原始位置

Question

这可能很容易做到，但我总觉得太复杂了。

我刚刚使用固定宽度/高度 + float:left 的 #draggable/#droppable 设置了一个简单的测试。

然后，我希望有一个重置按钮，能够在将 #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 */
});

Answer 1

我在一个项目中使用了这个

$("#reset").click(function () {
    $(".draggable-item").animate({
        top: "0px",
        left: "0px"
    });
});

帮我解决了这个问题