http://jsbin.com/ovODORove/1/edit
我相信你们都见过那些设计应用程序,在那里你拖动一个节点,它会调整元素的大小。昨天晚上,今天我决定试一试。
所以今天我想尝试动态调整div的大小,但我有点困惑。
我尝试了各种方法,但似乎都不起作用。
从逻辑上讲,我知道通过使用JQueryUI,我可以将我的类.EE(代表东方)设置为draggable,使其水平拖动元素,但在拖动元素时,我希望它也将宽度设置为其位置。我认为通过将draggable事件绑定到元素css宽度会起作用,但当我尝试时,它没有起作用。
如果有人能帮我做这件事,我将不胜感激。
EDIT:
使用JQuery UI的可调整大小的处理程序,这将是一个非常简单的解决方案,正如您在这里看到的那样。ThreeDubMedia也有一个很好的插件,可以实现这个功能。如图所示。
我玩了一段时间,我已经让它工作了。这可能不完全适合你,但我认为这是一个很好的起点。我为每个句柄分配了相同的stop
回调,它控制任何方向的大小调整。此外,你应该给width()
和height()
一个参数,就像雪之人说的那样。
这是小提琴。