Question

你能否看一下 this Demo ，让我知道如何在拖放后强制拖动元素在droppable中居中？

$(function () {

    $('#draggable').draggable({});
    $("#droppable").droppable({
        drop: function (event, ui) {
            $(this)
                .find("p")
                .html("Dropped!");
                 $('#draggable').css("margin","2px");
        }
    });
});

正如你所看到的，我已经$('#draggable').css("margin","2px");尝试了但是这不能胜任这个工作！

Answer 1

这可能会给你一个开始 - FIDDLE。

将一个隐藏的div放在div中，你希望丢弃一些东西。

根据需要定位隐藏的div。

隐藏div的大小与“draggable”相同。

将隐藏的div设为“droppable”。

然后使用“snap”和“snapTolerance”强制与边缘对齐。

JS

$('#draggable').draggable({
                           snap: '.hiddendiv',
                           snapTolerance: 50
                          });
$(".hiddendiv").droppable();

在jQuery UI中删除Droppable中的可拖动元素

1 个答案: