Я пытаюсь создать веб-сайт, где пользователь может перетаскивать некоторые элементы (один элемент в div) в другие элементы div на странице. Это' не таблица или около того, просто divs где-то на странице.

С помощью html5 drag &уронить это работает хорошо, теперь я пытаюсь сделать это для мобильных устройств. Я могу перетаскивать элементы в элементы div, помещать их туда и блокировать эту зону сброса, потому что только один элемент должен находиться в зоне сбрасывания. Я также могу перетащить этот элемент в другой div или в другое место на странице (области, которые могут быть удалены, работают только при первом удалении div), если я 'Я допустил ошибку, но тогда я не могу бросить другой элемент в div, который теперь снова пуст.

Как я могу включить сброс в этой Dropzone снова?

И возможно ли два изменить положение двух div, если один перетаскивается на другой?

Вот соответствующая часть моего кода:

$ (init);
function init() {
    $(".dragzones").draggable({
        start: handleDragStart,
        cursor: 'move',
        revert: "invalid",
    });
    $(".dropzones").droppable({
        drop: handleDropEvent,
        tolerance: "touch",              
    });
}
function handleDragStart (event, ui) {}       
function handleDropEvent (event, ui) {
    $(this).droppable('disable');
    ui.draggable.position({of: $(this), my: 'left top', at: 'left top'});
    ui.draggable.draggable('option', 'revert', "invalid");
}



Item 1
Item 2
Item 3
Item 4
    
    
    
       

РЕДАКТИРОВАТЬ: Вот теперь рабочая страница:Тащить, тянуть&Оставить задачу