jquery ui 获取准确的丢弃元​​素

Question

如何使用 jquery ui droppable

获取确切的 dropped 元素

我有 2 个或更多元素叠加。

当我删除一个元素时 jquery ui 运行 每个元素的“删除”事件不只是我删除的元素。

Answer 1

好的，我找到了这个解决方案

我添加 hovered class 并在删除时检查我的元素是否具有此 class

    $(".droppable").hover(
        function () {
            $(this).addClass('hovered')
        }, function () {
            $(this).removeClass('hovered')
        },
    );

    $('.droppable').droppable({
        refreshPositions: true,
        greedy: true,
        tolerance: "touch",
        drop: function (event, ui) {
            var draggedElement = ui.draggable;
            var droppedElement = $(this);
            if(droppedElement.hasClass('hovered')) {
                console.log('droppable')
                // drop my element
            }

        },
    });