代码之家 › 专栏 › 技术社区 › 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)

推荐文章

Irfanullah Jan · jQuery ui可排序:切换启用-禁用列表上的可排序

7 年前

n2lose · AngularJS可排序订单定价问题

7 年前

Glen Davidson · 如何在iframe中的wordpress管理帖子页面中拥有可排序的UI?

7 年前

SrgHartman · 无法使div在彼此之间可排序,但可以对其中的元素进行排序

7 年前

Dhruva Ahuja · 使用angularJS在html中添加/删除方框

7 年前

gumireddy · ondrop事件-创建新元素

7 年前

Mike · 通过单击图像启动JQuery Div拖动

8 年前

user5813072 · jquery可排序函数在视图中不工作(mvc)

8 年前

dirkiev · jQuery UI Sortable Widget动态添加不触发事件的列表

8 年前

Twiggit · 可排序和序列化

8 年前