排序与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

回答

相关问题