Question

默认情况下，jquery布局插件有一个设置，其中南北面板是浏览器窗口的全宽，使得东西面板垂直变小，因为它们必须适合南面板和北面板。

我想为侧板设置更多垂直空间：北面板将是全宽，但是南面板将位于东西之间，如果打开任何侧面板，则宽度会缩小。换句话说，侧板应该一直到底部。

是否可以像这样配置jquery布局？我在文档中找不到任何相关内容，而且我使用的是大量未记录的1.3 Release Candidate版本。

Answer 1

也许您可以尝试使用嵌套布局。最外部的是侧板，以及北部和南部的内部布局。

Answer 2

这些选项的最佳解决方案是：

创建北部布局
创建西部布局
创建一个中心布局并设置一个propper类，ex＆＃34; outer-center＆＃34;
- 在内部＆＃34;外部中心创建一个东部布局并为其分类。
- 在＆＃34;外部中心内创建一个中心布局并为其分类。
- 在＆＃34;外部中心内创建一个南部布局并为其分类。

然后以下一种方式再次调用js init函数（使用新类）。

<div class="ui-layout-north"></div>
<div class="ui-layout-west"></div>
<div class="ui-layout-center outer-center">
    <div class="ui-layout-east middle-east"></div>
    <div class="ui-layout-center middle-center"></div>
    <div class="ui-layout-south middle-south"></div>
</div>
<div class="ui-layout-south"></div>

$(document).ready(function () {
    var myLayout = $('body').layout({
        north__size:            140,
        north__maxSize:         140,
        west__size: 250,
        center__paneSelector:   ".outer-center",
        center__childOptions: {
            center__paneSelector:   ".middle-center",
            east__paneSelector:     ".middle-east",
            south__paneSelector:    ".middle-south"
        }

    });
});

我将在实况中为您添加一个我的想法示例：http://jsfiddle.net/9ut28bf8/2/

在侧板之间移动南面板

2 个答案: