【问题标题】:jQuery UI Sortable “Keep Together”?jQuery UI 可排序“保持在一起”?
【发布时间】:2011-07-30 05:32:52
【问题描述】:
我有一个元素列表,可以很好地与 jQuery UI 排序,但现在我希望能够将一些相邻的兄弟姐妹组合在一起。有没有一种直接的方法,类似于富文本文档在段落上具有 keep-together 或 keep-with-next 属性的方式?
例如,如果我有 123456 项,将 2 和 3 保持在一起的最佳方法是什么,以便 a) 如果我拖动 2 或 3,那么它们会一起移动 b) 不能放下东西 在 2和3之间?
【问题讨论】:
标签:
jquery-ui
jquery-ui-sortable
【解决方案1】:
我的解决方案是在 jQuery 方法 replaceWith() 的帮助下在分组元素周围添加一个包装器以删除包装器,并使用 wrapAll() 来包装该组。如果您开始时期望单个元素是直接子元素,这需要一些杂耍,但如果您通过类选择器引用这些元素,它应该很容易。
我还希望能够选择性地锁定第一个和最后一个项目,解决方案是获取直接子项的子集,并通过 slice()。
如果我以外的其他人有足够的兴趣,我会发布一些示例代码片段。