Question

我正在使用jQuery sortable与connectWith将项目从列表A移动到列表B.列表A有几个项目（100+）。列表B只有15个项目（编号为1-15）。我希望列表B可以排序，但是当从列表A拖动项目时，项目想要快速拖动到顶部。即如果我抓住列表A中的项目并且项目在列表B下面（排序之前），则它想要被放置在位置1。

我希望在这种情况下保持原始顺序。因此，如果我拖动某些内容而没有排序/定位，则默认为列表的末尾。

我觉得我需要使用'start'和'drop'，因为启动会立即导致列表在拖动时向下移动。

这是我的JS

$( "#sortable1, #sortable2" ).sortable({
        connectWith: ".connectedSortable",
        cursor: 'move',
        update: function(event, ui) {
          var order = $("#sortable2").sortable("toArray");
          $('#selected').val(order.join(","));
        },
        receive: function(event, ui) {
            if ($("#sortable2").sortable("toArray").length > 15) {
                $(ui.sender).sortable('cancel');
                swal("You can only select 15!", "", "error");
            }

        }
     }).disableSelection();

Answer 1

我能够使用它：

 helper: 'clone',

jQuery Sortable connectWith但保留第二个列表上的初始顺序

1 个答案: