计算可拖动的div - jquery
我的页面上有两个 div，代表两列。 两者都向左浮动，宽度为 49%，右内边距为 0.5%。 每列中都有垂直向下放置的各种 div。 现在我想创建一个函数，允许用户调整列中每个 div 的大小，或者如果无法实现，则创建一个允许用户调整每个列大小的函数。
我已经设法使列中的一个 div 可调整大小（ $('#divid').ressized(); ），但我想修改脚本，因此自动计算处于打开状态。
解释。 如果用户将右列大小调整为 xx%，我希望左列大小减小 xx%
如何管理？
I have two divs on the page, which represent two columns.
Both are floating left, have 49% width and padding-right for 0.5%.
In each columns there are various divs positioned vertical down.
Now I want to make a function, which will allows user to resize each div in column, or if this isn't achieveable, a function which will allow user to resize each column.
I have managed to make one div in column resizable ( $('#divid').resizable(); ), but I want to modify script, so auto calculation is on.
To explain.
If user resize right columnn for xx%, I want that left column reduce size for xx%
How to manage this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
看一下 jQuery UI 可调整大小 元素。
Take a look at the jQuery UI Resizable element.
jQuery 可调整大小的东西允许您指定一个 stop 回调。 我想最简单的事情就是编写一个回调来确定元素的像素大小，计算出相对大小，然后在元素上设置它。
这样做需要知道宽度或高度与哪个元素成比例，这对于自动确定可能并不简单。 您可能需要确保它是 HTML 中的特定元素； 也许为此目的添加一个特定的包含 div 。
The jQuery resizable thingy lets you specify a stop callback. I would imagine that the easiest thing to do, would be to write a callback that determines the pixel size of the element, and figures out the relative size and then sets that on the element.
Doing this is going to require knowing which element the width or height would be proportional to, which might not be trivial to determine automatically. You might need to make sure that it is a particular element in your HTML; maybe add a specific containing div for this purpose.