jQuery嵌套可排序，难以排序

Question

我正在使用以下代码使用 jQuery 创建一个嵌套的可排序对象：

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

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

以下是要采取的步骤：

1. 尝试将“项目 3”拖到“项目 2”下方，以便“项目 3”是一个子项 “第 2 项”。

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

你会发现这很难做到。

我想知道这个问题是否有解决方案。因为现在它对用户并不友好......

Answer 1

我在 sortable 上也遇到过类似的问题。为了帮助用户放置物品，我一般会在开始拖动时创建的占位符添加额外的高度。

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

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

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

希望有帮助！