javascript - 如何销毁 Nestable.js 列表？

Question

我正在使用 Nestable.js用于创建可拖放项目列表的 jQuery 插件，用于后端管理菜单。它不再维护，但我找不到干净简单的替代品，所以我告诉自己我应该试一试。

列表如下所示:

<div class="dd" id="nestable">
    <ol class="dd-list">
        <li class="dd-item" data-id="1">
            <div class="dd-handle">Item 1</div>
        </li>
        <li class="dd-item" data-id="2">
            <div class="dd-handle">Item 2</div>
            <ol class="dd-list">
                <li class="dd-item" data-id="3"><div class="dd-handle">Item 3</div></li>
                <li class="dd-item" data-id="4"><div class="dd-handle">Item 4</div></li>
                <li class="dd-item" data-id="5">
                    <div class="dd-handle">Item 5</div>
                    <ol class="dd-list">
                        <li class="dd-item" data-id="6"><div class="dd-handle">Item 6</div></li>
                        <li class="dd-item" data-id="7"><div class="dd-handle">Item 7</div></li>
                        <li class="dd-item" data-id="8"><div class="dd-handle">Item 8</div></li>
                    </ol>
                </li>
                <li class="dd-item" data-id="9"><div class="dd-handle">Item 9</div></li>
                <li class="dd-item" data-id="10"><div class="dd-handle">Item 10</div></li>
            </ol>
        </li>
        <li class="dd-item" data-id="11">
            <div class="dd-handle">Item 11</div>
        </li>
        <li class="dd-item" data-id="12">
            <div class="dd-handle">Item 12</div>
        </li>
    </ol>
</div>

并与此“嵌套”:

$('#nestable').nestable();

我用 AJAX 请求更新列表，然后必须重新加载插件才能考虑修改。作者没有做.destroy()函数，问题是+(展开)和-(折叠)没有' 在我更新列表时显示(参见 the demo )。

我在 AJAX 请求之前尝试了 $('#nestable').off() 然后重新执行了一个 $('#nestable').nestable()，但它不起作用。

否则，是否有替代 Nestable.js 的良好拖放列表？

Answer 1

$('#nestable').nestable('init');

这应该在 AJAX 请求之后插入