div中可调整大小的div

时间:2011-01-27 14:51:47

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

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

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

任何想法或示例链接?

1 个答案:

答案 0 :(得分:4)

您应该检查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>