jquery - jQuery嵌套可排序，难以排序

Question

我正在使用以下代码使用 jQuery 创建嵌套可排序：

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

它可以工作，除了一件有点麻烦的事情。

以下是要采取的步骤：

1. 尝试将“Item 3”拖到“Item 2”下方，使“Item 3”成为“Item 2”的子项。

2. 现在尝试将“项目 3”移回原来的位置。

你会发现这很难做到。

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

Answer 1

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

对于您的 jsfiddle，您将 ui-state-highlight 类添加到占位符。只需将以下内容添加到您的样式中并尝试一下：

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

我试过了，这样似乎效果更好一些。您还可以尝试通过传递 axis: 'y' 来将可排序限制到 'y' 轴，以查看您是否喜欢这种行为。

希望有帮助！