我使用以下代码使用jQuery创建嵌套排序:
它有效,除了一件有点儿的东西。
以下是要采取的步骤:
尝试拖动"项目3"在"项目2"下面所以"项目3"是个孩子 "项目2"。
现在尝试移动"项目3"回到原来的地方。
你会发现这很难做到。
我想知道是否有解决此问题的方法。因为现在它并不是真正的用户友好...
答案 0 :(得分:2)
我遇到过类似的可排序问题。为了帮助用户放置项目,我通常会在拖动开始时为占位符添加额外的高度。
对于你的jsfiddle,你将ui-state-highlight类添加到占位符中。只需将以下内容添加到您的样式中并尝试即可:
.ui-state-highlight {
height: 2em;
}
我试了一下,看起来效果好一点。您也可以尝试通过传递轴来约束可排序到'y'轴:'y'以查看您是否喜欢该行为。
希望有所帮助!