Question

在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

-Thanks。

Answer 1

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

像这样：

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

请参阅此fiddle了解演示

另请参阅此SO问题

jQuery UI - 将jQuery draggable对象恢复为原始对象？

1 个答案: