jQuery UI可排序“保持在一起”？

Question

我有一个可以很好地使用jQuery UI可排序的元素列表，但是现在我希望能够将一些相邻的兄弟姐妹组合在一起。是否有一种直接的方式来做到这一点，就像一个富文本文档在段落上有一个保持一致或与下一个属性保持一致的方式？

例如，如果我有123456项，那么将2和3放在一起的最佳方法是什么，这样a)如果我拖动2或3，那么它们会一起移动，b)不可能在2和3之间丢弃一些东西？

Answer 1

我的解决方案是在jQuery方法replaceWith()的帮助下，在分组元素周围添加一个包装器，以移除包装器，并添加wrapAll()包装该组。如果您希望单个元素是直接子元素，那么这需要一些杂耍，但是如果您要通过类选择器引用这些元素，则应该非常容易。

我还希望能够选择性地锁定第一项和最后一项，解决方案是通过slice()获得直接子元素的子集和省略，或者包括第一个/最后一个元素。

如果除了我以外的人有足够的兴趣，我会发布一些示例代码片段。