拖放后的JQuery：事件中的多次拖放

Question

我實際上是想創建一個.php頁面，我將有3個可拖動的元素，必須拖動到3個可放置的元素 - 每個可拖動到一個droppable，它們是唯一的，所以每個droppable只接受一個可拖動的。

問題是我需要控制所有元素都被拖到正確的位置，在這種情況下我應該將用戶重定向到例如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');
        }
    });
});

我試圖這樣做，例如獲取droppable元素的活動類，看它是否匹配'ui-state-highlight'，但實際上，每次頁面重新加載時都會執行該標記，所以如果我嘗試插入任何代碼進入
drop：function（）它將始終執行。

非常感謝提前！

Answer 1

請改用revert選項。 當可拖動元素被放置在除了接受的可放置元素之外的任何東西上時，它將滑回到其原始位置。 這對你有用嗎？

Answer 2

您是否偶然尋找ui.draggable它擁有被丟棄的元素？

http://jqueryui.com/demos/droppable/

$('#target').droppable({
    drop : function(event,ui){
            if($(ui.draggable).attr('id') == "correcttarget")
            {
                    window.location = "yay.php";
            }
            else
            {
                    window.location = "awwww.php";
            }
    }
})