如何在可嵌套列表的相同深度之间移动列表项答案

【问题标题】：How to move list-items between same depth for nestable list如何在可嵌套列表的相同深度之间移动列表项
【发布时间】：2018-03-14 21:15:40
【问题描述】：

我使用https://github.com/RamonSmit/Nestable 在有序列表中拖放列表项。

我的js和css来自：-

https://cdnjs.cloudflare.com/ajax/libs/nestable2/1.5.0/jquery.nestable.css https://cdnjs.cloudflare.com/ajax/libs/nestable2/1.5.0/jquery.nestable.js

以下是我创建的有序列表：-

<div class="dd">
            <ol class="dd-list">
                <li class="dd-item" data-id="1" data-type="Chapter">
                    <div class="dd-handle">Item 1</div>
                </li>
                <li class="dd-item" data-id="2" data-type="Chapter">
                    <div class="dd-handle">Item 2</div>
                </li>
                <li class="dd-item" data-id="3"data-type="Chapter">
                    <div class="dd-handle">Item 3</div>
                    <ol class="dd-list">
                        <li class="dd-item" data-id="4" data-type="Title">
                            <div class="dd-handle">Item 4</div>
                        </li>
                        <li class="dd-item" data-id="5" data-type="Title">
                            <div class="dd-handle">Item 5</div>
                        </li>
                    </ol>
                </li>
            </ol>
        </div>

$('.dd').nestable({ 最大深度：2 });

我只需要两个级别的深度。在第一级深度我将有父母，在第二级深度我需要头衔。现在我需要将 n 拖放标题从一章拖到另一章，但我需要停止将章节拖到另一章中。这样我可以在拖放后将标题保留为标题，章节保留为章节。

我尝试了很多 hit-n-trials 以及可嵌套的方法，但无法弄清楚。如果有人可以帮助我。

【问题讨论】：

标签： jquery drag-and-drop jquery-nestable

【解决方案1】：

我们能得到将要被删除的列表项的深度吗？如果我们能以某种方式获得目的地的深度。这样我们可以检查两个深度是否相同。如果相同，我们将允许丢弃，否则我们将返回 false。

【讨论】：