JQuery可排序2流

时间:2018-04-19 17:19:43

标签: jquery jquery-ui-sortable

我有一些代表一个仓库和一些商店的用户界面。

我必须从仓库拖到商店,但我不能拖车从商店到商店,从商店到商店。

如何设置类/ ID以强制执行此行为?

我尝试过:

1524169971.439702

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

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

每次要使用.sortable()时,您必须单独发起connectWith(),因为connectWith()仅限单向。通过将所有内容置于相同的可排序状态,就像您已经完成的那样,您已经从所有3个单向启用了#receiver2和#reader1。

尝试分开:

$('.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/