jquery ui accordion高度自适应

官网上提供了accordion的一些介绍,根据这些,能够实现当浏览器大小改变时,accordion自动适应其父元素的大小,并充满父元素。前提是,父元素的高度随浏览器动态改变。

代码:

 window.onresize = function() {
            autoHeight();
            $("#permissionTree").accordion("resize");

        }

        $(function() {
            autoHeight();
            $("#permissionTree").accordion({
                fillSpace: true
            });

        });

其中,后一个函数是实现浏览器第一次加载页面时,accordion的正常加载。fillspace:true使得其自动充满父元素。前一个函数实现了在窗口改变大小时,调用accordion的resize方法。其中的autoHeight()函数用来控制页面其他元素(包括accordion的父元素)的大小。

猜你喜欢

转载自lkf009.iteye.com/blog/1694521