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

时间:2013-12-21 15:49:59

标签: javascript jquery jquery-ui resize

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

我确信你们已经看到了那些拖动节点并调整元素大小的设计应用程序。昨晚,今天我决定尝试一下。

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

我尝试了各种各样的方法,但似乎都没有。

逻辑上我知道通过使用JQuery UI我可以将我的类.EE(东东)设置为draggable以使其水平拖动元素,但是当拖动元素时我想让它也将宽度设置为它的位置是。我假设通过将可拖动事件绑定到元素css width可以工作,但是当我尝试它时它不起作用。

如果有人可以帮助我,我们将不胜感激。

修改
使用JQuery UI的可调整大小的处理程序使这成为一个真正简单的解决方案,您可以看到hereThreeDubMedia还有一个很好的插件,可以启用此功能。见here

1 个答案:

答案 0 :(得分:1)

我玩了一下,我已经开始工作了。这对你来说可能不是完全,但我认为这是一个非常好的起点。 我为每个句柄分配了相同的stop回调,并且可以控制任何方向的大小调整。另外,你应该给width()height()一个参数,就像Man of Snow说的那样。

这是fiddle