2017-10-03 15 views
0

私は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-トライアルを試みましたが、それを理解できませんでした。もし誰かが私を助けることができれば。

答えて

0

削除されるリスト項目の深さを取得できますか?また、何とかすれば目的地の深さを知ることができます。このようにして、両方の深度が同じかどうかを確認することができます。同じことができれば、我々は他の賢明なドロップを許可しますが、我々は偽を返すでしょう

関連する問題