javascript - 通过拖动节点动态调整 DIV 大小

Question

http://jsbin.com/ovODORove/1/edit

我相信你们都见过那些拖动节点并调整元素大小的设计应用程序。昨晚好吧，今天我决定尝试一下。

所以今天我想尝试动态调整 div 的大小，但我有点困惑。

我尝试了各种方法，但似乎都不起作用。

从逻辑上讲，我知道通过使用 JQuery UI，我可以将我的类 .EE(代表东部)设置为可拖动，以使其水平拖动元素，但是在拖动元素时，我希望它也将宽度设置为它的位置是。我假设通过将可拖动事件绑定(bind)到元素 css 宽度可以工作，但是当我尝试时它不起作用。

如果有人可以帮助我解决这个问题，我将不胜感激。

编辑:
使用 JQuery UI 的可调整大小的处理程序使这成为一个真正简单的解决方案，如您所见 here 。 ThreeDubMedia还有一个很好的插件也可以实现此功能。如图所示here .

Answer 1

我玩了一下，它已经可以工作了。这可能不完全适合您，但我认为这是一个非常好的起点。我为每个句柄分配了相同的 stop 回调，并控制任意方向的大小调整。另外，您应该为 width() 和 height() 提供一个参数，就像 Man of Snow 所说的那样。

这是fiddle .