【30選】簡単にドラッグ&ドロップを実現できるプラグインのマトメ – iPhone等スマートフォン対応プラグインも含む
この記事は年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。
スマートフォン対応系
pep.jquery.js
多機能かつシンプル。そのスムーズな動作には驚かされました。
この中では一番便利なプラグインだと思います。
jQuery UI Touch Punch – PC,SP
Jquery Mobile Drag And Drop
dragreplace.js
テーブル入れ替えをドラッグ&ドロップで実装する際に活用したいです。
レイアウト系
gridster.js
動作がスムーズで使いやすいです。アイディア次第では色々と活躍しそうです。
iNETTUTS
Collapsible Drag n Drop Panels
googleRSSリーダーの用なDragDropが実現できます。
AnimaDrag
googleRSSリーダーの用なDragDropが実現できます。
移動時の効果を指定できますが…プラウザによって挙動不審。
dragsort
jQuery Portlets
シンプル系
dragndrop
かなりシンプルに実装可能、ですので自分なりのカスタマイズも比較的簡単かと思います。
jQuery UI multiple draggable plugin
EasyDrag jQuery Plugin
Drag and drop
多機能系
Interface plugin for jQuery
多機能です。ただしスマートフォンでは動作しません。ただそれでも非常に使い勝手は良いので
PCサイトのみの場合には一番のオススメです。
Drag & Drop with jQuery and PHP
jQueryで完結するのではなく、PHPのArrayと連携が可能
jqDnR
ドラッグする対象DIVのサイズ変更等が可能。場合によっては結構便利かと思います。
$.event.special.drop
ドロップで要素追加などのイベントを付加等が可能。
Drag products into shopping cart
Drag and Drop Captcha
テーブル系
Table Drag & Drop jQuery plugin
Drag & Drop Sortable Lists with JavaScript and CSS
jQuery Sortable List
テーブルをドラッグ&ドロップで入れ替える事ができます。
モーダル系
SIMPLEMODAL
zoomy
ドラッグで移動可能なモーダルウィンドウを実現できます。画像の拡大等に活躍しそうです。
Everything Drag in HTML page small code
ツリー階層系
Nestable
マップ系
SpryMap
Mapbox
スクロール系
Fun with Overflows
ドラッグ&ドロップで横スクロールが実装可能です。結構使えそう。
以上になります。
色々なマトメから、全て検証してみて使えそうなプラグインのみ集めてはみましたが、機能は結構重複していますね…あとは動きや効果が気に入るものを選定して活用していきたいと思いました。
参照元25 jQuery Drag and Drop plugins to make your website more attractive