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

Question

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

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

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

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

jsfiddle:

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

Answer 1

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

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

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

Updated jsfiddle