jquery-ui-resizable-alsoresize-reverse - 如何让两个相邻的div从相邻的边缘向同一方向调整大小

时间:2012-01-13 02:43:46

标签: jquery resizable

我的目标应该是显而易见的:

我有两个相邻(左右)的矩形面板(div)。 我想抓住两者之间的边界并向左扩展左侧面板,使其右边缘向东移动,而右侧面板的左边缘也向东移动,反之亦然。这是许多应用程序UI中的一个常见功能,可以交互方式更改相邻面板的相对宽度。

我正在使用JQuery Resizable函数,它具有一个allResize选项。我试过Simen Echholt的alsoResizeReverse函数,在这里记录: jQuery UI Resizable alsoResize reverse

这是一件非常酷的事情,但不是我特别想要的。

如果有人有一个优雅的解决方案,或者可以解释什么mod应用于alsoResizeReverse函数来使其工作?

东西(垂直边界)调整大小是我的主要目标,但是南北(水平)也是有用的。通用的解决方案是最好的。

感谢

菲利普

1 个答案:

答案 0 :(得分:-1)

是的,找到了一个很棒的插件来解决你的任务:jQuery Splitter Plugin

这是一个快速演示:http://www.methvin.com/splitter/vbasic.html

UPD :此插件依赖于过时版本的jQuery,与当前版本不兼容