問題タブ [dragula]

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

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

https://jsfiddle.net/4gadu5zc/

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

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

私は dragula.js を使用しており、mycode で ondrop イベントを使用しています。

パラメータに"test"存在するかどうかを確認したいのですが、エラーが発生します。elどうも。

「ドラグラ」ライブラリを使用してドラッグ中にコンテナとドラッグ可能な要素の間に線を引くことは可能ですか? 要素がドロップされると、線が消えるはずです。

のangular2アプリがありtypescriptます。ng2-dragulaを使用して、ドラッグ アンド ドロップ アプリケーションを作成しています。

条件を確認し、条件が false の場合はドラッグを元に戻す必要があり、ここから、要素を最初の場所に戻すことができることがrevertOnSpillわかります。revertOnSpill:true

しかし、私はそれがどのように可能かわかりません ng2-dragula。私はそれを実装しましたonDrop。ここにコードがあります

ここにhtmlコードがあります：

Package.json は次のとおりです。

問題は、ドロップをキャンセルする方法がわからないことです。

copy: true次の設定を使用していng2-dragulaます。

ここで、元の要素 (ドラッグ中にリストに残っている要素) をopacity: 0.3. どうすればそれができますか？使用する

元の要素を見つけることができ、それに透明度を適用できますが、これはひどく間違っているようです: ドラッグ可能な要素は (当然のことながら) データ配列から取得されます。ドラッグされた要素のインデックスを見つけて、次のようなことができるようにする方法はありますか

と

(私は知っています、これはすでに悪いです、私は記事を一致させる必要があります)。