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

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

jquery-ui-sortable jquery-ui

melvin · 技术社区 · 6 年前

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

这是我的 fiddle

#更新

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

1 回复 | 直到 6 年前

Ali Soltani 6 年前

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

推荐文章

chris loughnane · 使用jQuery UI滑块移动和缩放svg元素时遇到问题?

6 年前

Tirkesh Turkesh · 如何在可拖放div中释放项目的精确位置元素上拖放

6 年前

ferralucho · Hightlight jquery datepicker标头选定的星期几

6 年前

Paili · 如何在jQuery自动完成中添加其他内容?

6 年前

monu · 动态嵌套选项卡创建

6 年前

Tirkesh Turkesh · 可拖动行在jquery中不工作?

6 年前

Joe · WordPress-如何按字母顺序排列jQuery自动完成搜索建议结果,优先排序第一个字符,然后再排序第二个字符等。?

6 年前

Triwahyu Pamungkas Pribadi · 如何在可拖动停止时获取目标/类名

6 年前

pcCC28 · 如何基于jwt令牌身份验证保持用户登录。

6 年前

buggy1985 · 具有多个元素的jQuery UI Sortable抛出“TypeError:无法读取null的属性‘insertBefore’”

6 年前