jquery - 计算可拖动的 div - jquery

Question

我在页面上有两个 div，它们代表两列。两者都向左浮动，宽度为 49%，右填充为 0.5%。在每一列中，都有垂直向下放置的各种 div。现在我想创建一个函数，允许用户调整列中每个 div 的大小，或者如果这无法实现，则允许用户调整每个列的大小。

我设法使列中的一个 div 可调整大小（ $('#divid').resizable(); ），但我想修改脚本，因此自动计算已打开。

解释。如果用户为 xx% 调整右列的大小，我希望左列减小 xx% 的大小

如何管理这个？

Answer 1

看看jQuery UI Resizable元素。

Answer 2

jQuery 可调整大小的东西让您可以指定停止回调。我想最简单的事情是编写一个回调来确定元素的像素大小，并计算出相对大小，然后在元素上设置它。

这样做需要知道宽度或高度将与哪个元素成正比，而自动确定这可能不是一件容易的事。您可能需要确保它是 HTML 中的特定元素；也许为此目的添加一个特定的包含 div。