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



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

我相信你们都见过那些设计应用程序,在那里你拖动一个节点,它会调整元素的大小。昨天晚上,今天我决定试一试。

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

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

从逻辑上讲,我知道通过使用JQueryUI,我可以将我的类.EE(代表东方)设置为draggable,使其水平拖动元素,但在拖动元素时,我希望它也将宽度设置为其位置。我认为通过将draggable事件绑定到元素css宽度会起作用,但当我尝试时,它没有起作用。

如果有人能帮我做这件事,我将不胜感激。

EDIT
使用JQuery UI的可调整大小的处理程序,这将是一个非常简单的解决方案,正如您在这里看到的那样。ThreeDubMedia也有一个很好的插件,可以实现这个功能。如图所示。

我玩了一段时间,我已经让它工作了。这可能不完全适合你,但我认为这是一个很好的起点。我为每个句柄分配了相同的stop回调,它控制任何方向的大小调整。此外,你应该给width()height()一个参数,就像雪之人说的那样。

这是小提琴。

相关内容

  • 没有找到相关文章