jQuery的嵌套排序，很難區分

Question

我用下面的代碼創建一個嵌套的排序與jQuery：

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

它的工作原理，除了一兩件事，工作還挺馬車。

下面是要採取的步驟：

1. 嘗試拖動「第3項」下的「選項2」，使「項目3」是「項目2」一個孩子 。

2. 現在嘗試將「Item 3」移回原來的位置。

你會發現這很難做到。

我想知道是否有解決這個問題的方法。因爲現在它不是真的用戶友好...

Answer 1

我遇到類似的問題，可排序。爲了幫助用戶放置項目，我通常會向拖動開始時創建的佔位符添加額外的高度。

對於您的jsfiddle，您將ui-state-highlight類添加到了佔位符。只需添加以下到你的風格，並嘗試一下：

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

我嘗試過了，它似乎工作更好一點的方式。您還可以通過傳遞軸：'y'來嘗試約束可排序到'y'軸，以查看您是否喜歡該行爲。

希望有幫助！