私はhttps://github.com/RamonSmit/Nestableを、順序付きリスト内のドラッグnドロップリスト項目に使用しています。ネスト可能リストの同じ深さでリストアイテムを移動する方法
IからJSとCSSをとっている: - :
<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') - 私が作成した順序付きリストが続き
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
.nestable({ maxDepth:2 });
深度には2つのレベルしか必要ありませんでした。最初のレベルの深さでは私は両親を持っており、第2レベルの深さで私はタイトルを必要としていました。今では、ある章から別の章にnドロップタイトルをドラッグする必要がありましたが、別の章内でドラッグするチャプターを停止する必要がありました。ドラッグアンドドロップした後の章として、タイトルと章としてタイトルを保持できるように。
ネスト可能なメソッドと一緒にたくさんのヒットn-トライアルを試みましたが、それを理解できませんでした。もし誰かが私を助けることができれば。