计算可拖动的div - jquery

时间:2009-07-30 13:36:46

标签: jquery resizable

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

我已设法在列中调整大小($('#divid')。resizable();),但我想修改脚本,因此自动计算已开启。

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

的大小

如何管理?

2 个答案:

答案 0 :(得分:1)

查看jQuery UI Resizable元素。

答案 1 :(得分:1)

jQuery resizable thingy允许您指定stop callback。我想最简单的事情就是编写一个确定元素像素大小的回调,然后计算出相对大小,然后在元素上设置它。

这样做需要知道宽度或高度与哪个元素成比例,这可能不会自动确定。您可能需要确保它是HTML中的特定元素;也许为此目的添加一个特定的包含div。