2017-08-14 33 views
1

ドラッグ&ドロップビルダーを2017年に作る最良の方法は何ですか?はい、この質問はbeforeと尋ねられましたが、それは5年前のことでした。 HTML5、jQuery UI、または別のオプションがありますか?HTML5ドラッグアンドドロップ対jQuery UIドラッグ&ドロップ

最近の質問Form Builder From Scratch - HTML 5 Drag and Drop, or JQuery UI Draggable, or What?も未回答です。

助けがあれば助かります。私はHTML5やjQuery UIのDrag and Dropを一度も使用していないので、意思決定が難しいです.jQuery UIは使いやすく分かりやすいですが、かなりバグが多いようです少なくともcodepenで。

答えて

2

私たちはReactJsを使ってDrag and Dropを研究しましたが、ちょっと悲しい反対側から正直言ってきました。あなたは純粋なHTML 5ドラッグ探し&ドロップしているのであれば、これはあなたがねじ込みどのようにお見せするための素晴らしいサイトです: https://caniuse.com/#feat=dragndrop

だから、あなたはあなたが本当にwouldn純粋なHTML5 DNDを行った場合は、これを書いている時点のモバイルシナリオをカバーしません。

ここには記載されていないものは、ブラウザ間で同じように見えるようにするためのすべてのエッジケースです。 Edge、Firefox、Chromeの間では、アイテムにドラッグしていることを示すアイコンが追加されます。コピーされた要素にはわずかな不透明度があり、それ以外の操作はわずかです。いずれにしても、デザインチームの煩わしさに応じて、これらのデザインを整列することは不可能(ドラッグアンドドロップ操作の間は気にしないなど)が不可能です(ドラッグしている間にアイコンを削除するなど)。

今、JQueryについて言えば、それはしばらく経っていますが、それがその欠陥も持っていないわけではありません。それはブラウザ自体の代わりにJSレイヤーで実行されるため、システムでどのくらい進行しているかによって、少し遅く感じることができます。また、エッジをスクロールしてページをスワイプしようとしたときのような厄介な状況でドラッグを開始したことに気付きました。それは私たちのプログラミングが貧弱なこともありました。

私は最後にReact DndをHTML5バックエンドと使いました。これらのモバイルシナリオでは、同じ機能を別の形式で公開するメニューオプションがあります。キーボードショートカットによるドラッグアンドドロップのすべてのアクションについて説明すると、やや迷惑だったので、アクセシビリティを手助けすることになりました。

それが役立つかどうかはわかりませんが、私が思い出して(そして約6ヶ月経っています)、それが暴落しています。

関連する問題