Question

我正在使用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>

$（＆＃39; .DD＆＃39）。可嵌套（{ maxDepth：2 }）;

我只需要两个深度级别。在第一级深度我将有父母，在第二级深度我需要标题。现在我需要将n drop title从一个章节拖到另一个章节，但我需要阻止章节在另一章中拖动。因此，我可以在拖放后将标题保留为标题和章节。

我尝试了许多针对n-trial的试验以及可嵌套的方法，但无法弄明白。如果有人可以帮助我。

Answer 1

我们可以获得将要删除的列表项的深度。如果我们能够获得目的地的深度，也会以某种方式。这样我们就可以检查两个深度是否相同。如果相同，我们将允许其他方式下降，我们将返回false。

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

1 个答案: