我需要3个div,它们将跨越屏幕(100%,但这不是主要点)并且能够使用鼠标调整其宽度。我试图实现的功能是能够缩小一个div的宽度,从而使另一个div更宽。
我正在考虑使用jQuery UI Resizable,但我找不到任何使用多个div的例子。
任何想法或示例链接?
答案 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>