jquery中可resize的可拖动对象。 可能？

我希望有一个可resize和可拖动的对象。 我需要：

• X
• ÿ
• 尺寸

对象。

这可能吗？

在http://www.jsfiddle.net/davidThomas/DGbT3/1/上有一个例子，它获取可拖动对象的x和y。 我怎样才能使它可resize？

谢谢

---

值得补充一点的是，这个问题与前一个问题有关，并建立在这个问题上： 如何获得可拖动对象的位置？

Answer 1

当然它是… jQuery UI适用于复杂的行为，如拖放，resize，选择和排序。

使用jQuery UI，您可以：

• 拖动
• 下降
• 调整
• 分类

你可以把所有东西都连在一起。

对于resizefunction而言，包含jquery-ui.css文件非常重要。

JSFIDDLE： http ： //jsfiddle.net/uQWRk/

以下是存档的完整代码：

看评论：

Answer 2

如果你的意思是可拖动，那就是这样的：

 $( "#elem" ).resizable().draggable(); 

您可以使用css指定的大小和位置（第一次）。 你可以使用jQuery更改它们并获得（当你resize或移动时）。

您可以向draggable（）和resizable（）方法添加选项。 参考文献如下： http ： //jqueryui.com/demos/resizable/和http://jqueryui.com/demos/draggable/

PS此代码需要jquery-ui.js文件和jquery-ui.css（因为它绘制了一个标记来resize）

PPS

使用您的链接：在JavaScript框架中，我添加了以下行：

 $('#dropHere').resizable(); 

我在托管资源中添加了css样式“http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css”

它奏效了！