我如何使元素都可拖動和在jquery中調整大小？

Question

我如何使元素都可拖動和在jquery中調整大小？

Answer 1

draggable和resizable支持鏈接模式，因此您可以簡化您的代碼在一行。
比方說您有一個DIV的一個div id是哪個你想拖動和resizable.then jQuery將這樣工作頭....

$(document).ready(function() { 

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

看到演示這裏... DEMO
請參閱本教程的更多信息.... 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();