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

Question

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

这是我的fiddle

#UPDATE

检查此图像。当 list A 为空时（即，当 list A 只包含 forbidden

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)