4

ソート可能な Jquery UI を使用したいリストが 2 つあります。リスト 1 には、リスト 2 にドラッグできるアイテムの選択が含まれていることが想定されています。ただし、リスト 1 内での並べ替えや、リスト 2 からリスト 1 へのドラッグ バックは許可されません。最終的にリスト 2 内での並べ替えは、許可された。

リストはこんな感じ

<ul class="sortable" id = "list1">
    <li> Item 1 </li>
    <li> Item 2 </li>
    <li> Item 3 </li>
    <li> Item 4 </li>
</ul>

<ul class="sortable" id = "list2">
    <li> Item 1 </li>
    <li> Item 2 </li>
    <li> Item 3 </li>
    <li> Item 4 </li>
</ul>

私の現在のソート可能な呼び出しは次のようになります

$('#list1, #list2').sortable({
    helper: "clone",
    placeholder: "selected-option",
    forcePlaceholderSize: true,
    dropOnEmpty: true,
    connectWith: '.sortable',
    tolerance: "pointer",
    revert: true,
    cursor: "move",
    receive: function (event, ui) {
        // existing logic

    },
    update: function (event, ui) {
        // existing logic
    }
});

これを達成するには、ソート可能な呼び出しで停止、受信関数を操作する必要があることはわかっていますが、その方法を理解することはできません..

4

1 に答える 1