无法将项目从连接列表添加到可排序列表

Question

我已连接可排序列表 A 和 B 。一项固定在列表A 中，称为forbidden，因此无法对其进行排序。当列表A 为空（仅保留禁止）并尝试从列表B 添加项目时，该项目总是插入到固定项目之后（列表A 中的禁止）。我要在列表A 中的固定项目（禁止）之前使用它。我希望使用jquery-ui-sortable而不使用任何插件。

这是我的fiddle

#UPDATE

检查此图像。如果列表A 为空（即，当列表A为空时），则可以将列表B 中的 Isabelle 放置在禁止下一个仅包含禁止的

Answer 1

您可以通过cancel选项和cancle method来做到这一点：

$(function() {
  $(".list-A, .list-B").sortable({
    update: function(event, ui) {
      if ($(this).find('.forbidden').length > 0) {    
        if ($('.forbidden').index() < $(this).children().length - 1)
          $('.sortable').sortable("cancel");
      }
    },
    connectWith: ".sortable",
    cancel: '.forbidden'
  }).disableSelection();
});

Online demo (fiddleJs)