首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在侧面板之间向南移动面板

在侧面板之间向南移动面板
EN

Stack Overflow用户
提问于 2013-05-14 03:57:27
回答 2查看 119关注 0票数 1

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

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

可以这样配置jquery布局吗?我在文档中找不到任何相关的东西,我使用的是基本上没有文档记录的1.3发布候选版本。

EN

回答 2

Stack Overflow用户

发布于 2014-05-05 10:46:02

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

票数 0
EN

Stack Overflow用户

发布于 2015-07-15 02:27:29

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

  • 创建北向布局
  • 创建西向布局
  • 创建中心布局并设置支持类,例如“set ”
    • 创建东向布局内“外中心”并将其分类。<

    <>h19在外中心内创建中心布局并将其分配给外中心并将其分类。

并以下一种方式(使用新类)再次调用js init函数。

代码语言:javascript
运行
复制
<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"
        }

    });
});

我会在live上给你添加一个我的想法的例子:http://jsfiddle.net/9ut28bf8/2/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16530110

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档