div 中可调整大小的 div答案

【问题标题】：Resizable divs within a divdiv 中可调整大小的 div
【发布时间】：2011-01-27 14:51:47
【问题描述】：

我需要 3 个 div 跨越屏幕（100%，但这不是重点）并且能够使用鼠标调整它们的宽度。我想要实现的功能是能够缩小一个 div 的宽度，从而使另一个 div 变宽。

我正在考虑使用 jQuery UI Resizable，但我找不到任何使用多个 div 的示例。

有没有示例的ide或链接？

【问题讨论】：

标签： jquery jquery-ui user-interface html resizable

【解决方案1】：

你应该检查jQuery Layout plugin，做你需要做的事情等等。

你可以像这样做你需要的（未经测试但应该可以）：

<html>
<head>
<script src="jquery.js"></script>
<script src="jquery.layout.js"></script>
<script>
    $(document).ready(function () {
        $('body').layout({ applyDefaultStyles: true });
    });
</script>
</head>
<body>
<div class="ui-layout-center">Center</div>
<div class="ui-layout-east">East</div>
<div class="ui-layout-west">West</div>
</body>
</html>

【讨论】：

这几乎可以满足我的要求。尽管如此，不完全是我需要的功能，但我查找了一个 jQuery 插件 jGrid 可以解决问题。感谢您的宝贵时间。
jGrid ?我以为它是一个表格增强器插件。
是的，实际上是这样，我被示例弄错了，我看到的正是我需要的东西。我正在使用您建议的 UI.Layout，谢谢。