Javascript 如何修复jQueryUI中嵌套的可排序div?

Javascript 如何修复jQueryUI中嵌套的可排序div?,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,我试图创建一个UI,允许用户在DOM中获取一组窗口div并将其拖动,有时将div附加为其他div的子级,有时将这些子级拉出到父级。我有一个有效的示例,但当您尝试将“叔叔”div附加到“侄子”div或反之亦然时,它非常敏感。嵌套div大约有1px的余地,您可以在这个JSFiddle中看到: 我怎样才能“放松”敏感度,以便在单击和拖动时不那么快地转到树中的下一个可排序表 您可能需要查看snap、snapMode和snapTolerance 我能在很大程度上修复它。多亏了Knockmeout.net上

我试图创建一个UI,允许用户在DOM中获取一组窗口div并将其拖动,有时将div附加为其他div的子级,有时将这些子级拉出到父级。我有一个有效的示例,但当您尝试将“叔叔”div附加到“侄子”div或反之亦然时,它非常敏感。嵌套div大约有1px的余地,您可以在这个JSFiddle中看到:


我怎样才能“放松”敏感度,以便在单击和拖动时不那么快地转到树中的下一个可排序表

您可能需要查看snap、snapMode和snapTolerance

我能在很大程度上修复它。多亏了Knockmeout.net上Ryan Niemeyer的建议,通过在容器div上设置一个最小高度并添加一点填充物以确保在下降区域有一个目标,问题基本上得到了纠正。这里是fiddle示例:您将看到的唯一区别是带有padding和minheight的sortfix类,可排序标记被分类为sortfix

谢谢你的建议,杰夫。在我看来,snap、snapMode和snapTolerance是可拖动组件选项的一部分,不一定是可排序的。这些选项也可用于排序表吗?排序表继承自draggable,因此它们适用