Question

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

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

任何想法或示例链接？

Answer 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>

div中可调整大小的div

1 个答案: