如何在拖动时使项目恢复到原始位置？

Question

So far I've got this:

$(function() {
    $("#draggable").draggable({
        drag: function(event, ui) {
            $(this)
                .addClass("choppedonion")
                .find("section")
                .html("");
        }
    });
});

But I would also like it to revert back to its original position when dragged.

Answer 1

The jQueryUI sites give you an example of that: http://jqueryui.com/draggable/#revert

Just set the revert option to true:

$('#draggable').draggable({
    revert: true,
    drag: function() {},
});