html - コンポーネントをhtmlにドラッグ

Question

一部の html コンポーネントを div から別の div にドラッグする方法はありますか? VisualStudio ツールボックスのように、html コンポーネントを別の場所にドラッグする必要があるコンポーネント コンテナーを設計する必要があります。

Answer 1

jQuery UI には、かなり柔軟なドラッグ アンド ドロップ ライブラリがあります。これはおそらく最もよく知られたライブラリの 1 つであり、ドラッグ アンド ドロップ作業に関しては、独自のライブラリを作成するよりもはるかに簡単です。

• http://jqueryui.com/demos/draggable/

HTML 5 では、ドラッグ アンド ドロップのサポート レベルが追加されていますが、ブラウザのサポートは全面的に提供されていません。

• http://html5demos.com/drag
• http://www.html5rocks.com/en/tutorials/dnd/basics/

Twitter Bootstrap の美学と、jQuery UI よりもはるかに軽量な jQuery コンポーネントを好みますが、現在のところ、ドラッグ アンド ドロップ プラグインはありません。ただし、これは Bootstrap の上にドラッグ アンド ドロップを実装した人の素晴らしいデモです。ソースは github で入手できます。

• http://bootstrap-forms.heroku.com/#

Answer 2

ドラッグ アンド ドロップ機能に使用できるサードパーティ フレームワークは多数あります。それぞれ特定の利点または欠点として。最初に自問すべき質問は、私が取り組んでいるプラットフォーム (php、asp など) です。次に、どのブラウザーをターゲットにするかを尋ねます。jQuery はほぼすべてのプラットフォームで動作し、環境によっては実装が難しい場合がありますが、純粋な HTML5 は古いブラウザーでは機能しません。ターゲット プラットフォームを指定すると、選択を絞り込むことができます。

jQuery 以外では、.Net プラットフォーム用の Telerik スイートと、プラットフォームに依存しない統合用の KendoUI (jQuery with Guns) をお勧めします。