Jquery LigerUI框架学习之框架根据浏览器的大小动态变化

为了使框架融合不同大小的浏览器，根据浏览器的大小而动态变化

关键代码如下

var tab = null;
 var accordion = null;
 $(function () {
 //整体布局的初始化
 $("#layout1").ligerLayout({ leftWidth: 200, height: '100%', space: 4, onHeightChanged: f_heightChanged });
 var height = $(".l-layout-center").height(); //框架内容高度
 //左侧面板初始化
 $("#accordion1").ligerAccordion({ height: height - 24 });//让面部根据内容高度变化
//中部导航初始化
 $("#framecenter").ligerTab({height: height});

 tab = liger.get("framecenter");//声明Tab标签
 accordion = liger.get("accordion1");//声明面板
});
 //浏览器变化时自动调节页面高度
        function f_heightChanged(options) {
            if (tab)
                tab.addHeight(options.diff);
            if (accordion && options.middleHeight - 24 > 0)
                accordion.setHeight(options.middleHeight - 24);
        }