jQuery UI Draggable - Сохранять возможность перетаскивания после падения

Question

У меня есть список предметов. Я хочу перетащить клон элемента из списка в таблицу - пока все хорошо.

Когда элемент перетаскивается в таблицу, я хотел бы перетащить этот элемент в другую ячейку в таблице. Я надеюсь, что кто-то поможет в этом. Код, который у меня есть до сих пор, является следующим: -

$('.drag').draggable({ 
     cursor:'move',  
     helper:'clone' 
}); 

$('.dog_drop').droppable({ 
     drop: handleDropEvent 
    }); 

function handleDropEvent(event, ui) { 
    var draggable = ui.draggable; 
    $(ui.draggable).clone().appendTo($(this)),  
    // ajax in here 
} 

Я был бы очень признателен за любые советы, которые вы можете предоставить.

Большое спасибо заранее Phill

Answer 1

Вы хотите найти новый добавленный элемент и запустить функцию перетаскивания() на нем.

Например, если элемент .drag это ссылка, которую вы можете сделать следующее:

$('.drag').draggable({ 
    find: '.dog_drop', 
    cursor:'move' 
}); 

$('.dog_drop').droppable({ 
    drop: handleDropEvent 
    }); 

function handleDropEvent(event, ui) { 
    var $this = $(this); 
    $this.append(ui.draggable); 

    $('.dog_drop').find('div:last').draggable({ 
     cursor:'move' 
    }); 

    // ajax in here 
} 

Убедитесь, чтобы выбрать последний пункт, поэтому он может работать с несколькими элементами.