Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/joomla/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过拖动节点动态调整DIV的大小_Javascript_Jquery_Jquery Ui_Resize - Fatal编程技术网

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

Javascript 通过拖动节点动态调整DIV的大小,javascript,jquery,jquery-ui,resize,Javascript,Jquery,Jquery Ui,Resize,我相信你们都见过这样的设计应用程序:拖动一个节点,它会调整元素的大小。昨天晚上,今天我决定试一试 所以今天我想尝试动态调整div的大小,我有点困惑 我试过各种方法,但似乎都不管用 从逻辑上讲,我知道通过使用JQuery UI,我可以将class.EE(用于east east)设置为可拖动,使其水平拖动元素,但在拖动元素时,我希望它也将宽度设置为其位置所在的位置。我假设通过将draggable事件绑定到元素css width可以工作,但是当我尝试时,它没有工作 如果有人能在这方面帮助我,我将不胜感

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

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

我试过各种方法,但似乎都不管用

从逻辑上讲,我知道通过使用JQuery UI,我可以将class.EE(用于east east)设置为可拖动,使其水平拖动元素,但在拖动元素时,我希望它也将宽度设置为其位置所在的位置。我假设通过将draggable事件绑定到元素css width可以工作,但是当我尝试时,它没有工作

如果有人能在这方面帮助我,我将不胜感激

编辑
正如您所看到的,使用jQueryUI的可调整大小的处理程序,这是一个非常简单的解决方案。
也有一个很好的插件,使这个功能以及。如图所示。

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


这是你应该知道的。

一些事情
width()
height()
应该有参数,因此
width(100)
会将宽度更改为100px…谢谢,这真的很有帮助。