jquery ui 获取准确的删除元素

Question

如何使用 jquery ui droppable 获取准确的删除元素

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

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

Answer 1

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

我添加了hovered 类，当被删除时我检查我的元素是否有这个类

    $(".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
            }

        },
    });