在侧面板之间移动南面板

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

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

是否有可能像这样配置jQuery的布局？我在文档中找不到任何相关内容，而且我正在使用基本上没有记录的1.3 Release Candidate版本。

来源

2013-05-13 yaku

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

来源

2014-05-05 02:46:01

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

创建一个北区域的布局
创建西部布局
创建一个中心布局，并设置一个propper类，前“外部中心”
- 在“外中心”内部创建一个东部布局，并为其创建一个班级
- 在“外部中心”内部创建一个中心布局，并为其授课。
- 创建内部“外，中心南区域的布局和assing它的类。

和（使用新的类）在未来的道路再次调用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/

来源

2015-07-14 18:27:28 Genaut

在侧面板之间移动南面板

回答

相关问题