javascript - 如何使用 jqueryui 仅在其右侧调整左侧 div 的大小,以及仅在其左侧调整相邻的右侧 div 的大小?

标签 javascript jquery html css jquery-ui

我有两个并排的 div。我正在使用 jquery ui 来调整它们的大小。但是,我遇到了问题,因为我正在尝试使用“alsoResize”属性来调整其旁边的 div 的大小。

如果我调整左侧 div 右侧的大小,那么右侧 div 左侧也应该相应地调整大小。

将“alsoResize”与“handles”一起使用不起作用,当我调整左侧 div 右侧的大小时,右侧 div 的右侧也会调整大小.

关于如何完成我需要做的事情有什么建议吗?

jsfiddle:

https://jsfiddle.net/hh3ue3op/5/

最佳答案

检查 jQuery UI .resizable() 函数的“handles”参数。 http://api.jqueryui.com/resizable/

这是一个很好的例子,取自 this answer :

$( ".selector" ).resizable({ handles: "n, e, s, w" });

Updated jsfiddle

关于javascript - 如何使用 jqueryui 仅在其右侧调整左侧 div 的大小,以及仅在其左侧调整相邻的右侧 div 的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29754498/

相关文章:

HTML指定打印页面?

javascript - THREE.js 对象不会旋转

javascript - 像 facebook 一样的自动时间增量(jquery)

javascript - 设置表单验证功能时遇到问题

jquery - 使用 jQuery 定位子对象

javascript - 检测外部链接点击?

javascript - jspdf - 保存 pdf

javascript - GBK 编码/解码字符集

javascript - 鼠标在 HTML Canvas 中移动时图像闪烁

javascript - 文本不使用 jquery addClass() 改变颜色