我愿意使用 jQuery UI 布局插件 ( layout.jquery-dev.net ) 来制作 2 resizable <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
只适用于该选项。