我在页面上有两个div,代表两列。 两者都向左浮动,宽度为49%,填充权为0.5%。 在每列中有各种垂直向下的div。 现在我想创建一个函数,它允许用户调整列中每个div的大小,或者如果这不可实现,则允许用户调整每列的大小。
我已设法在列中调整大小($('#divid')。resizable();),但我想修改脚本,因此自动计算已开启。
解释。 如果用户为xx%调整右列的大小,我希望左列减小xx%
的大小如何管理?
答案 0 :(得分:1)
查看jQuery UI Resizable元素。
答案 1 :(得分:1)
jQuery resizable thingy允许您指定stop callback。我想最简单的事情就是编写一个确定元素像素大小的回调,然后计算出相对大小,然后在元素上设置它。
这样做需要知道宽度或高度与哪个元素成比例,这可能不会自动确定。您可能需要确保它是HTML中的特定元素;也许为此目的添加一个特定的包含div。