jQuery布局窗格自动关闭

时间:2014-01-02 13:17:47

标签: javascript jquery css html5

我正在使用jQuery Layout插件创建一个包含北部和西部窗格的页面。 我想一次只显示一个窗格(如果我打开北窗格,西窗格应该关闭等等)

我没有在API中找到任何功能来实现这一点,aAny idea?

1 个答案:

答案 0 :(得分:0)

我在文档中找不到任何内置方法或选项;但您可以遍历onopen_start事件中的面板并关闭所有面板。

代码:

$('body').layout({
    applyDefaultStyles: true,
    initClosed : true,
    onopen_start: function (pname, pelement, pstate, poptions, lname) {
        var myLayout = $("body").layout();
        $.each(myLayout.panes, function (index, value) {
            if (index !== pname) {
                myLayout.close(index)
            }
        })
    }
});

演示:http://jsfiddle.net/IrvinDominin/gH6B7/