jQuery UI - 将 jQuery 可拖动对象恢复到其原始状态？答案

【问题标题】：jQuery UI - Revert a jQuery draggable object back to its original?jQuery UI - 将 jQuery 可拖动对象恢复到其原始状态？
【发布时间】：2013-08-07 13:43:17
【问题描述】：

在 HTML 文件中，我想将一个项目拖放到目标上，假设我想将另一个项目拖放到同一位置，此时两个项目都应该被覆盖。如果两个项目都覆盖新项目应该恢复到原始位置。任何人都可以帮助我如何将新项目恢复到原始位置。这是我的代码。

$(function () {
    $(".draggable2").draggable({
        revert: "invalid"
    });
    $("#droppable").droppable({
        drop: function () {
            //var xPos = offset.left;
            //var yPos = offset.top;    
            //alert( $(this).position().left );         
            $(this).find("p").html("Yes,it is dropped!");
        }
    });
});

JSFiddle 是：here

-谢谢。

【问题讨论】：

标签： jquery jquery-ui

【解决方案1】：

您需要在您要拖动的对象上启用droppable 并在那里使用revert。

像这样：

$(".draggable2").droppable({
    greedy: true,
    tolerance: 'touch',
    drop: function (event, ui) {
        ui.draggable.draggable('option', 'revert', true);
    }
});

查看此fiddle 以获取演示

另请参阅SO 问题

【讨论】：

非常感谢，很有帮助。