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

Question

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

这是我的fiddle

#UPDATE

检查这张图片。 Isabelle 来自 list B 可以放在 forbidden when list A 为空（即，当 list A 仅包含 forbidden

Answer 1

您可以通过 cancel option and 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)

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

cannot add item from connected list to sortable list

jquery-ui

jquery-ui-sortable