排序與0元素

-1

我想實現一個排序嵌套列表ULS嵌套列表，這是我迄今取得的進展：jsfiddle 排序與0元素

它只要移動從一個級別的元素時，另一個作爲目標工作正常級別至少有1個元素。但我無法將li元素移動到空的ul中。

HTML：

<ul class="sortable"> 
    <li> 
     <span>Parent A</span> 
     <ul class="sortable"> 
      <li> 
       <span>Child A</span> 
       <ul class="sortable"> </ul> 
      </li> 
      <li> 
       <span>Child B</span> 
       <ul class="sortable"> </ul> 
      </li> 
     </ul> 
    </li> 
</ul>

JS：

$(".sortable").sortable({ 
    connectWith:'.sortable', 
    placeholder: "ui-state-error", 
    forcePlaceholderSize: true 
}); 

$(".sortable").disableSelection();

在上面的代碼，我想移動到Child AChild B。我如何檢測所需的空白ul並實現我的目標？有什麼解決方法？

我讀過所有類似的主題，我嘗試了各種插件，但無法爲我的樹工作。

來源

2014-07-10 Alexandru Severin

我不看空UL爲我工作得很好。 –

@ C-linkNepal你可以在我的小提琴中將'Child A'移動到'Child B'裏面嗎？ –

ul沒有尺寸，因爲它是空的，沒有任何尺寸的樣式，爲什麼你不能「檢測」它。也許你可以實現和選擇的謊言：懸停或最小高度在ul.sortable和/或最小高度在li：hover ul.sortable？ – frikinside

ul沒有尺寸，因爲它是空的，沒有給出任何尺寸的樣式，所以你不能「檢測」它。也許你可以實現，爲li:hover或ul.sortable和/或min-height一個min-height在li:hover ul.sortable

例如選項：

li:hover ul.sortable { 
    min-height:10px; 
}

來源

2014-07-10 12:34:49 frikinside

回答

相關問題