Question

我试图实现一个可排序的嵌套列表，这是我到目前为止的进展：jsfiddle

只要目标级别至少有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 A移到Child B。如何检测所需的空ul并实现我的目标？那里有什么变通方法？

我阅读了所有类似的主题，我尝试了各种各样的插件，但无法为我的树工作。

Answer 1

ul没有尺寸，因为它是空的，没有任何类型尺寸的样式，这就是为什么你不能“检测”它。也许您可以为li:hover中的min-height或ul.sortable和/或min-height上的li:hover ul.sortable实施和选项

例如：

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

为具有0个元素的uls排序嵌套列表

1 个答案: