如何在Jquery UI中修复嵌套的可排序Div？

Question

我正在尝试创建一个UI，允许用户在DOM中获取一组窗口div并拖动它们，有时将div作为其他div的子项附加，有时将这些子项拉到父级别。我有一个工作的例子，但是当你试图将“叔叔”div添加到“侄子”div时反之亦然。你可以在这个JSFiddle：http://jsfiddle.net/UdXr4/124/中看到，嵌套div有大约1px的余地。

如何“松开”灵敏度，以便在点击和拖动时移动到树中的下一个可排序区域？

Answer 1

您可能需要查看snap，snapMode和snapTolerance。 See the API here.

Answer 2

我能够在很大程度上修复它。感谢Ryan Niemeyer在Knockmeout.net上提出的建议，问题很大程度上是通过在容器div上设置最小高度并添加一点填充以确保在放置区域有一个目标来纠正的。以下是小提琴示例：http://jsfiddle.net/UdXr4/130/您将看到的唯一区别是带有填充和最小高度的sort-fix类，可排序标记被归类为sort-fix。