2017-07-05 1 views
0

次のネストされたドラッグウルの例にハンドルの使用を追加しようとしていますが、不可能と思われます。完全なスクリプトはここにあるネストされたドラッグラーとスライスを持つハンドルの使用

(function() { 
    dragula([].slice.apply(document.querySelectorAll('.nested'))); 
})(); 

https://codepen.io/trzmaxim/pen/GppXGE

Dragulaがここで見つけることができます: https://bevacqua.github.io/dragula/

感謝をどのようにハンドルを使用しての代わりに、全体のdivをドラッグ可能であることのためのスクリプトを修正するために、任意のアイデアあなたの検討のために!

答えて

0

私はドキュメントを見ていたし、これを見つけた:

(function() { 
    dragula([].slice.apply(document.querySelectorAll('.nested')),{ 
    moves: function (el, container, handle) { 
     return handle.classList.contains('handle'); 
    } 
    }); 
})(); 

あなただけの各項目にクラスハンドルを持つ要素を追加する必要があり、私はあなたのcodepenで試してみた、それが動作します!

https://codepen.io/anon/pen/RgBNje

関連する問題