Question

我有一个固定的插槽列表（可排序的拖放目标），需要接收可排序的项目。该列表分为几个部分。它看起来像这样：

我想做的是能够跨不同的插槽拖动/排序故事，而不是拖动插槽本身。

每个类别的广告位数是固定的（例如，意见类别中只能有2个故事）。故事可以从一个类别拖到另一个类别。

我尝试了一些方法...使用单个可排序列表，使用多个列表，对插槽进行排序，但使它看起来只是故事正在排序。什么都行不通。

是否可以跨父元素拖放子元素？在这种情况下，故事是孩子，而插槽是父母。

或者是否有人建议采用其他方法？

更新：这是一个JSFiddle示例，显示了我正在尝试做的事情：http://jsfiddle.net/xzmKZ/6/

谢谢！

Answer 1

我会将每个类别都设为自己的ul。然后你应该将一个选择器传递给connectWith选项：

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