問題タブ [dragula]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

204 問題

0 投票する

2 に答える

3384 参照

javascript - Dragula を使用して行を空のテーブルにドラッグします

Dragula (実際には angular-dragula を使用) を使用して、あるテーブルから別のテーブルに行をドラッグしようとしています。両方のテーブルに行がある場合は問題ありませんが、対象のテーブルが空になる場合があります。空のテーブルでドロップできるようにするにはどうすればよいですか?

javascript dragula

2016-05-27T19:06:41.517

0 投票する

1 に答える

347 参照

ember.js - (ドラッグアンドドロップ) Dragula.js がルートの再訪で機能しない (ember.js アプリ内)

私はウェブアプリdragula.jsでライブラリを使用しています。ember.js

I まで、つまり、以前にドラッグ可能だったものをドラッグできなくrevisit the routeなるまで、物事は正常に機能しています (ドラッグアンドドロップが可能です) 。drag and drop just stops workingまた、コンソールにjsエラーはありません。次に、(任意のルートから) ページを更新すると、再び機能します。

要するに、drag n dropルートが訪問/ロードされたときに初めて機能します。

私が試したこと：

DOM itemsドラッグアンドドロップするが dragula のに追加されていることを確認しましたconfig.containers。
didInsertElementで実行されている実行ループ内の要素からコンポーネントを再レンダリングしようとしましたafterRender。

didInsertElement(){ this._super(...arguments); Ember.run.scheduleOnce('afterRender', this, () => { let drake = window.dragula(this.getDraggableContainers(), this.get('dragulaConfig')); this.set("drake", drake); }

私には、dragulaライブラリが必要なすべての構成で初期化されているように見えますが、ルートを再訪した後に正しく機能しない理由に困惑しています。

ヘルプ/ポインタは大歓迎です。ありがとう！

2016-05-29T21:15:50.040

0 投票する

0 に答える

493 参照

javascript - アニメーション要素の位置が機能しない

要素をドラッグしてドラッグできるグリッドを実装しようとしています。私のニーズにぴったり合ったDragulaを見つけました！唯一のことは、タイルが邪魔にならないように移動して、ドラッグされているものを入れるときにタイルをアニメーション化する必要があるということです。（それが明確であることを願っています。:)）

を追加しようとしましたtransition: all 1s ease-outが、不透明度をアニメーション化するだけでした。

位置の変更をアニメーション化するにはどうすればよいですか?