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

Question

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

我怎样才能“放松”敏感度，以便在单击和拖动时不那么快移动到树中的下一个可排序对象？

Answer 1

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

Answer 2

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