サンプル ドロップの簡単なサンプルを試してみます。いくつかのドラッグアイテムをドロップエリアにドロップすると、アイテムに書かれた価格がリストアップされて合計金額も表示されるというものです。 Droppablesも、引数のオプションでいろいろ設定できますので、最新のものはOptionsや UI/Droppablesあるいは、 デモ などでご参照ください。 ソースは次のとおり <style type="text/css"> .sel-items{ float : left } #sum { font-weight : 900 } #droptitle{ padding: 10px } .drag { width : 120px ; height : 50px ; padding : 10px ; font : 12px monospace; background-color : #B9FF04
![2/2 jQuery Droppablesでドロップ処理も超簡単 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)