javascript - JQuery : event after dragging 中的多次拖放

Question

我实际上正在尝试制作一个 .php 页面，其中我将有 3 个可拖动元素，它们必须被拖动到 3 个可放置元素 - 每个可拖动到一个可放置元素，并且它们是唯一的，所以每个可放置元素只接受一个某个可拖动对象。

问题是我需要控制所有元素都被拖到正确的位置，在这种情况下我应该将用户重定向到 success.php，否则，如果某些元素被拖到错误的 droppable，用户必须转到例如 failure.php。

例如，是否有在 PHP 的 $_SESSION 中保存某个值以便知道所有可拖动对象都已放置在正确位置的方法？

这是拖放的代码:

$(function() {
    $("#draggableLeiden").draggable();
    $("#draggableTheHague").draggable();
    $("#draggableRotterdam").draggable();

    $("#droppableLeiden").droppable({
        accept: '.imgLeiden',
        drop: function(event, ui) 
        {
            $(this).addClass('ui-state-highlight');

        }
    });
    $("#droppableTheHague").droppable({
        accept: '.imgTheHague',
        drop: function(event, ui) 
        {
            $(this).addClass('ui-state-highlight');

        }
    });
    $("#droppableRotterdam").droppable({
        accept: '.imgRotterdam',
        drop: function() 
        {
            $(this).addClass('ui-state-highlight');
            //var activeClass = $(this).droppable('option', 'activeClass','ui-state-highlight');
        }
    });
});

我正在尝试这样做，例如获取可放置元素的事件类以查看它是否匹配“ui-state-highlight”，但实际上，每次重新加载页面时都会执行该标记，所以如果我尝试将任何代码插入
下降:功能()它将始终执行。

提前致谢!

Answer 1

使用 revert选项代替。当一个可拖动元素被放置在除了被接受的可放置元素之外的任何东西上时，它会滑回原来的位置。这对你有用吗？