我愿意使用jQuery UI布局插件(layout.jquery-dev.net)来制作2个可调整大小的<div>。这将是我们在这里看到的center和east面板。
从文档中我可以做出最简单的布局:
<script type ="text/javascript">
$(document).ready(function () {
var oOptions = {
applyDefaultStyles: true
};
$('body').layout(oOptions);
});
</script>
<body>
<div class="ui-layout-center">Center</div>
<div class="ui-layout-east">East</div>
</body>
但是当我尝试自己的东西时(通过拖动垂直分隔符来调整两个面板的大小)，它完全停止工作了。
var oOptions = {
closable: false,
resizable: true,
slidable: true,
center__minWidth: 200,
east__minSize: 200
};
我没有JavaScript的背景，我可能只是愚蠢地问在这里。但是从我在演示页面上阅读<script>时所理解的(如上所述)，它应该仅与resizable选项一起工作。
使用jQuery 1.9.2做到了。