0

学術プロジェクトでは、dragula.jsを使用して達成したいくつかのアイテムのリストにドラッグドロップ機能を実装しようとしています

以下のリンクにあるjsfiddleで同じデモを用意しました

https://jsfiddle.net/4gadu5zc/

    <div class="button">
Add Element
</div>
<div class="list_wrap" id="list_1">
    <div class="list-item">
    Item 1
    </div>
    <div class="list-item">
    Item 2
    </div>
    <div class="list-item">
    Item 3
    </div>
    <div class="list-item">
    Item 4
    </div>
</div>
<div class="list_wrap">
    <div class="list-item">
    Item 5
    </div>
    <div class="list-item">
    Item 6
    </div>
    <div class="list-item">
    Item 7
    </div>
    <div class="list-item">
    Item 8
    </div>
</div>

しかし今、同じアイテムにスワイプ機能を追加して、各アイテムでいくつかのオプションを表示できるようにしたいと考えています。これをよりよく理解するために、下の画像を用意しました。 ここに画像の説明を入力してください

インターネットで検索したところ、イオンフレームワークでスワイプ機能が見つかりましたが、ドラッグドロップは見つかりませんでした。すべてのタッチイベントをサポートするhammer.jsを見つけましたが、同じ要素でハンマーを使用してドラッグスロップとスワイプを実装する方法がわかりません。また、同じことが動的要素で機能するかどうかもわかりません。助けてください...

4

0 に答える 0