Перетащите элемент сортировки jQuery-UI на другой элемент страницы.

Question

У меня есть список сортируемых элементов в jQuery-UI.Я хочу удалить элемент из этого списка в другом месте на странице.

Если быть точным, это CMS.Я могу изменить порядок элементов содержимого с помощью jQuery.ui.sortable.Я хочу перетащить элемент одного из этих элементов в ссылку "Корзина", расположенную в другом месте страницы.

Как выполнить определенное действие, если я перетаскиваю перетаскиваемый элемент на определенный элементстраница?Как я могу получить предмет, на который я уронил предмет?

Спасибо

Answer 1

У меня похожая ситуация, но я настроил <div> для своей корзины и сделал ее списком подключенных.Вот мой сценарий:

$('#rubbishBin').sortable({
    placeholder: 'deletingPlaceholder',
    update: function (event, ui) {
        ui.item.hide();
        // Do what you need to to delete the item from the database
    }
});
$('#itemContainer').sortable({
    opacity: 0.6,
    cursor: 'move',
    revert: true,
    delay: 250,
    tolerance: 'intersect',
    placeholder: 'draggingPlaceholder',
    connectWith: '#rubbishBin'
});