jQuery嵌套可排序,难以排序

时间:2012-05-25 18:10:09

标签: jquery jquery-ui-sortable nested-sortable

我使用以下代码使用jQuery创建嵌套排序:

http://jsfiddle.net/yPQZx/65/

它有效,除了一件有点儿的东西。

以下是要采取的步骤:

  1. 尝试拖动"项目3"在"项目2"下面所以"项目3"是个孩子 "项目2"。

  2. 现在尝试移动"项目3"回到原来的地方。

  3. 你会发现这很难做到。

    我想知道是否有解决此问题的方法。因为现在它并不是真正的用户友好...

1 个答案:

答案 0 :(得分:2)

我遇到过类似的可排序问题。为了帮助用户放置项目,我通常会在拖动开始时为占位符添加额外的高度。

对于你的jsfiddle,你将ui-state-highlight类添加到占位符中。只需将以下内容添加到您的样式中并尝试即可:

.ui-state-highlight {
  height: 2em;
}

我试了一下,看起来效果好一点。您也可以尝试通过传递轴来约束可排序到'y'轴:'y'以查看您是否喜欢该行为。

希望有所帮助!