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

标签 jquery resizable

我的目标应该很明显:

我有两个彼此相邻(左和右)的矩形面板(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/

相关文章:

javascript - 可通过旋钮调整大小的 JQuery

css - 如何使 iframe 可调整大小?

javascript - 如何使用 javascript 在 IE 中删除图像周围的 resizig 处理程序?

javascript - 结合 Google Analytics (gtag.js) 和 Google Tag Manager (gtm.js)

javascript - HTML/PHP 表单到 XML

javascript - 是否有一种很好的 AJAX/JQuery 验证表单的方法,可以很好地与 Django 的表单模型配合使用?

javascript - 使用 Jquery 从 JSON 生成多个 HTML 元素?

jquery可调整大小的句柄在所有方面都没有显示

javascript - 如何通过拖动图像来调整 div 大小?

javascript - 使用 JavaScript 中的 Date.Parse 将时间字符串(例如 '12:05 PM')转换为日期时间