JQuery 可排序 2 流

Question

我有一些UI代表一个仓库和一些商店。

我必须从仓库拖放到商店，但我不应该能够从商店拖放到仓库和从商店拖放到商店。

如何设置类/ID 来执行此行为？

我试过：

    $('.sender, #receiver2,#receiver1').sortable({
        connectWith: $('#receiver2,#receiver1').not(this),
    }).disableSelection();

发件人是仓库，收件人是商店，但我仍然可以在商店之间拖放。

在此先感谢您的帮助！

Answer 1

您每次要使用 connectWith() 时都必须单独启动 .sortable()，因为 connectWith() 只是单向的。通过将所有内容都放在同一个可排序项中，就像您所做的那样，您已经启用了从所有 3 个到 #receiver2 和 #receiver1 的单向。

尝试分开：

$('.sender').sortable({
    connectWith: $('#receiver2,#receiver1')
}).disableSelection(); 
// This one allows .sender items into #receiver2 or .sender items into #receiver1

$('#receiver2,#receiver1').sortable().disableSelection(); 
// This one enables sortable on both, but does not allow #receiver2 or #receiver1 items to leave

在此处查看工作示例：https://jsfiddle.net/w5wdxu9s/1/

JQuery 可排序 2 流

JQuery sortable 2 flows

jquery

jquery-ui-sortable