How can I make an element draggable and resizable in jquery?

Question

How can I make an element draggable and resizable in jquery?

Answer 1

both draggable and resizable support chaining mode, so you can simplify the code in one line.
Say you have a div and the id of that div is the title you want to make it draggable and resizable.then jquery will work like this ....

$(document).ready(function() {

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

see the demo here ... DEMO
refer to this manual for more information .... Drag and Drop

Answer 2

Besides using jQuery, you also need to use jQuery UI http://jqueryui.com/demos/ .

jQuery UI , . , Draggable Resizable (, Droppable , ).

: Draggable Resizable:

$(document).ready(function() {

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

Answer 3

this is original

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

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