jqueryで要素をドラッグ＆リサイズできるようにするにはどうしたらいいですか？

Question

jqueryで要素をドラッグ＆リサイズできるようにするにはどうすればよいですか？

Answer 1

ドラッグ可能とサイズ変更可能の両方が連鎖モードをサポートしているため、コードを1行で簡略化できます。
レッツ

$(document).ready(function() { 

    $("#header").draggable().resizable(); 
}); 

がDEMO
...デモここを参照してください....あなたがそのdiv要素のdiv要素とidはあなたがドラッグ可能とresizable.then jqueryのは次のように動作するようにしたいヘッダである持っていると言います詳細についてはこのチュートリアルを参照してください。Draggable and resizable

Answer 2

jQueryを使用するほか、jQuery UI http://jqueryui.com/demos/も使用する必要があります。

jQuery UIは、必要とするすべての機能を提供します。具体的には、DraggableとResizableプラグインが必要です（おそらくDroppableもやっていることに依存します）。

次に、あなたはそれがドラッグ可能とサイズ変更可能にするために次の操作を行う必要があります。

$(document).ready(function() { 

    $(".elements").draggable().resizable(); 
}); 

Answer 3

これは、元のsource

// this will make <div id="box"> resizable and draggable 
$('#box').resizable().parent().draggable(); 

// same but slightly safer since it checks parent's class 
$('#box').resizable().parent('.ui-wrapper').draggable();