我的目标应该很明显:
我有两个彼此相邻(左和右)的矩形面板(div)。 我想捕获两者之间的边界,将左面板向东扩展,使其右边缘向东移动,而右面板的左边缘也向东移动,反之亦然。这是许多应用程序 UI 中的常见功能,以交互方式更改相邻面板的相对宽度。
我正在使用 JQuery 可调整大小函数,它有一个也可调整大小选项。我尝试过Simen Echholt 的alsoResizeReverse 函数,记录如下: jQuery UI Resizable alsoResize reverse
它做了一件非常酷的事情,但不是我想要的。
如果有人有一个优雅的解决方案,或者可以解释将什么模式应用于 isoResizeReverse 函数来实现此功能?
东西(垂直边界)调整大小是我的主要目标,但南北(水平)也很有用。通用解决方案是最好的。
谢谢
菲利普
最佳答案
是的,找到了一个很棒的插件来解决您的任务:jQuery Splitter Plugin .
这是一个快速演示:http://www.methvin.com/splitter/vbasic.html
UPD:此插件依赖于过时的 jQuery 版本,并且与当前版本不兼容
关于jquery-ui-ressized-alsoresize-reverse — 如何让两个相邻的 div 从相邻边缘向同一方向调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8845259/