如何修復JQuery UI中的嵌套可排序Div？

我試圖創建一個用戶界面，允許用戶在DOM中放置一組窗口div並將其拖動，有時將div添加爲其他div的子項，有時將這些子項拉出到父級別。我有一個工作示例，但當您嘗試將「叔叔」div附加到「侄子」div時非常敏感，反之亦然。您可以在此JSFiddle中看到大約1px的嵌套div的空間：http://jsfiddle.net/UdXr4/124/。如何修復JQuery UI中的嵌套可排序Div？

我該如何「放鬆」靈敏度，以便在點擊和拖動時移動到樹中下一個可排序的位置並不是那麼快？

來源

2012-06-15 Cordle

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

來源

2012-06-15 22:14:15

謝謝你的建議傑夫。在我看來，snap，snapMode和snapTolerance是可拖動組件選項的一部分，不一定是可排序的。這些選項是否也可用於排序？ – Cordle

可排序從可拖動繼承，因此它們適用 –

我能夠在很大程度上修復它。感謝Knockmeout.net的Ryan Niemeyer的建議，通過在容器div上設置一個最小高度並添加一點填充以確保在放置區域有一個目標，問題基本得到解決。這裏是一個小提琴示例：http://jsfiddle.net/UdXr4/130/您將看到的唯一區別是具有填充和最小高度的排序修復類，並且可排序標記被歸類爲排序修復。

來源

2012-06-18 13:34:27 Cordle

如何修復JQuery UI中的嵌套可排序Div？

回答

相關問題