Javascript 通过拖动节点动态调整DIV的大小
我相信你们都见过这样的设计应用程序:拖动一个节点,它会调整元素的大小。昨天晚上,今天我决定试一试 所以今天我想尝试动态调整div的大小,我有点困惑 我试过各种方法,但似乎都不管用 从逻辑上讲,我知道通过使用JQuery UI,我可以将class.EE(用于east east)设置为可拖动,使其水平拖动元素,但在拖动元素时,我希望它也将宽度设置为其位置所在的位置。我假设通过将draggable事件绑定到元素css width可以工作,但是当我尝试时,它没有工作 如果有人能在这方面帮助我,我将不胜感激 编辑:Javascript 通过拖动节点动态调整DIV的大小,javascript,jquery,jquery-ui,resize,Javascript,Jquery,Jquery Ui,Resize,我相信你们都见过这样的设计应用程序:拖动一个节点,它会调整元素的大小。昨天晚上,今天我决定试一试 所以今天我想尝试动态调整div的大小,我有点困惑 我试过各种方法,但似乎都不管用 从逻辑上讲,我知道通过使用JQuery UI,我可以将class.EE(用于east east)设置为可拖动,使其水平拖动元素,但在拖动元素时,我希望它也将宽度设置为其位置所在的位置。我假设通过将draggable事件绑定到元素css width可以工作,但是当我尝试时,它没有工作 如果有人能在这方面帮助我,我将不胜感
正如您所看到的,使用jQueryUI的可调整大小的处理程序,这是一个非常简单的解决方案。
也有一个很好的插件,使这个功能以及。如图所示。我玩了一会儿,我已经让它工作了。这可能并不完全适合你,但我认为这是一个很好的起点。 我为每个句柄分配了相同的
stop
回调,它控制任何方向的大小调整。你也应该给width()
和height()
一个参数,就像《白雪人》所说的那样
这是你应该知道的。一些事情
width()
和height()
应该有参数,因此width(100)
会将宽度更改为100px…谢谢,这真的很有帮助。