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

标签 javascript jquery jquery-ui resize

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

我相信你们都见过那些拖动节点并调整元素大小的设计应用程序。昨晚好吧,今天我决定尝试一下。

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

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

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

如果有人可以帮助我解决这个问题,我将不胜感激。

编辑:
使用 JQuery UI 的可调整大小的处理程序使这成为一个真正简单的解决方案,如您所见 hereThreeDubMedia还有一个很好的插件也可以实现此功能。如图所示here .

最佳答案

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

这是fiddle .

关于javascript - 通过拖动节点动态调整 DIV 大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20720726/

相关文章:

javascript - 日期选择器不工作(ASP.NET MVC)

macos - 加载谷歌地图时,Safari v5 隐藏 div

javascript - NG-repeat 中的重复值

php - 在 cURL 下载页面之前等待 Javascript?

javascript - jQuery datepicker 获取类 'hasDatepicker' 但不显示 datepicker

javascript - 如何在javascript中将字符串转换为数组?

jquery - 如何在日期范围选择器中禁用上个月

Javascript:深度比较

Java检测一个字符串是否是有效的JS脚本

javascript - jQuery:按 Enter 时在光标位置添加换行符