div中的可排序元素不能放在具有可排序元素INSIDE的另一个div的HEADER上

时间:2015-07-02 16:27:15

标签: jquery jquery-ui-sortable

首先,检查一下以了解我在说什么: https://jsfiddle.net/3s1s7nn3/10/

$( "#sortable1, #sortable2" ).sortable({
connectWith: ".connectedSortable"
}).disableSelection();

如果你采取"项目1"来自" LEFT red div"并将其移动到" RIGHT红色div",它不会丢弃它,它只能在你放置" ITEM"在div的项目列表中。

我怎样才能将我的ITEMS放在div的任何地方,并将它们放在项目列表中? (我不希望它被放置在项目列表的其他位置,但我希望能够将它放在div中的任何位置,而不仅仅是在ITEM列表中。)

很抱歉,如果我不是很清楚.. 感谢

2 个答案:

答案 0 :(得分:0)

你不能将它们放在div中,因为你要将它们与列表connectedSortable连接起来,你不能将它们放在列表之外。

如果你想从顶部添加一些空间并且仍然可以将它们放入您应该使用padding而不是margin的列表中。

Here是一个有效的例子。

答案 1 :(得分:0)

只是为了让你知道,我从零开始研究解决方案,我想出来了!

SOLUTION :

https://jsfiddle.net/3s1s7nn3/33/