Подтвердить что ты не робот

JQuery Sortable - сохранить в исходном списке

Кто-нибудь знает, поддерживает ли jQuery UI Sortable встроенные функции, чтобы сохранить исходный упавший элемент в его исходном списке?

Например, у вас есть два списка (один "источник" и один "группа" ). Я хотел бы выбрать из источника и перейти в группу, но сохранить элемент в источнике.

Имеют смысл?

Спасибо!

Ответ 1

Вы можете посмотреть мое решение в действии на jsfiddle. Я просто внедрил это jQuery draggable/droppable взаимодействие в соответствии с вашими потребностями.

HTML

<div class="demo">
    <h2>List 1</h2>
    <ul>
        <li class="draggable ui-state-highlight">Drag me down</li>
        <li class="draggable ui-state-highlight">Drag me down</li>
    </ul>
    <h2>List 2</h2>
    <ul id="sortable">
        <li class="ui-state-default">Item 1</li>
        <li class="ui-state-default">Item 2</li>
        <li class="ui-state-default">Item 3</li>
        <li class="ui-state-default">Item 4</li>
        <li class="ui-state-default">Item 5</li>
    </ul>
</div>

JQuery

$(function() {
    $("#sortable").sortable({
        revert: true
    });
    $(".draggable").draggable({
        connectToSortable: "#sortable",
        helper: "clone",
        revert: "invalid"
    });
    $("ul, li").disableSelection();
});

CSS

.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 20px; }
.demo li { margin: 5px; padding: 5px; width: 150px; border: 1px solid black; }