代码之家 › 专栏 › 技术社区 › melvin

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

jquery-ui-sortable jquery-ui

1

melvin · 技术社区 · 7 年前

我连接了可排序列表一个和乙 . 一项固定在 列表A 打电话 forbidden 所以它不能被分类。什么时候? 列表A 是空的(只有 被禁止的 左)并尝试从 列表B ,该项总是在固定项之后插入( 被禁止的 )在 列表A . 我要在固定项目之前( 被禁止的 )在 列表A . 我希望它使用jquery ui可排序,而不使用任何插件。

这是我的 fiddle

#更新

检查这个图像。 伊莎贝尔 从 列表B 可以放在下面 被禁止的 什么时候 列表A 是空的(即,当 列表A 仅包含 被禁止的

1 回复 | 直到 7 年前

1

Ali Soltani 7 年前

你可以通过 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)