Многократное перетаскивание в JQuery: событие после перетаскивания

Я на самом деле пытаюсь сделать a .php страница, где я собираюсь иметь 3 перетаскиваемых элемента, которые должны быть перетащены в 3 droppable элемента -каждый перетаскиваемый в droppable, и они уникальны, поэтому каждый droppable будет принимать только определенный draggable.

Дело в том, что мне нужно контролировать, чтобы все элементы были перетащены в нужное место, и в этом случае я должен перенаправить пользователя, например, на успех.php, в противном случае, если некоторые элементы были перетянуты не туда десантирования, пользователь должен идти, например, провал.РНР.

Есть ли в любом случае, например, чтобы сохранить определенное значение в $_SESSION в PHP, чтобы знать, что все перетаскиваемые файлы были отброшены в нужном месте?

Это код для перетаскивания: 

$(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", но на самом деле, этот тег будет выполняться каждый раз, когда страница перезагружается, так что если я попробуйте вставить любой код в
падение: функция() она всегда будет исполняться.

Заранее большое спасибо!

2 3
javascript jquery draggable drag-and-drop

2 ответа:

Использовать вернуться параметр. Когда перетаскиваемый элемент отбрасывается на что-либо, кроме принятого отбрасываемого элемента, он будет скользить обратно в исходное место. Это работает для вас?

1

Вы случайно не ищете 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";
            }
    }
})
1