我需要 3 个 div 跨越屏幕(100%,但这不是重点)并且能够使用鼠标调整它们的宽度。我想要实现的功能是能够缩小一个 div 的宽度,从而使另一个 div 更宽。
我正在考虑使用 jQuery UI Resizable,但我找不到任何使用多个 div 的示例。
任何想法或示例链接?
我需要 3 个 div 跨越屏幕(100%,但这不是重点)并且能够使用鼠标调整它们的宽度。我想要实现的功能是能够缩小一个 div 的宽度,从而使另一个 div 更宽。
我正在考虑使用 jQuery UI Resizable,但我找不到任何使用多个 div 的示例。
任何想法或示例链接?
您应该检查jQuery Layout 插件,完全按照您的需要进行操作等等。
您可以像这样做您需要的事情(未经测试,但应该可以):
<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>