Question

我有一个北方和中心的简单布局：

<html xmlns="http://www.w3.org/1999/xhtml">
    <body>
        <div id="north-main-div">
        </div>
        <div id="center-main-div">
        </div>
    </body>
</html>

和JavaScript构成一个可隐藏的Northpanel。

topMainLayout = $('body').layout({
    name : 'bodyLayout',
    north__paneSelector : '#north-main-div',
    center__paneSelector : '#center-main-div',
    north__resizable : false
});

我想实现整个北方区域是隐形的，包括切换器，如果north-main-id内没有任何内容（没有内容）。目前，即使没有任何东西可以显示，切换器也会显示出来。

我很感激任何解决问题的提示。

谢谢

Answer 1

不确定这是否正确，但它对我有用。

我检查它是否为空并调用隐藏功能。

topMainLayout = $('body').layout({
    name : 'bodyLayout',
    north__paneSelector : '#north-main-div',
    center__paneSelector : '#center-main-div',
    north__resizabele : false
}); 
if (!$.trim( $('#north-main-div').html() ).length) {
        topMainLayout.hide("north");
}

如果无法使用JQuery UI布局显示，则隐藏北面板

1 个答案: