官网上提供了accordion的一些介绍,根据这些,能够实现当浏览器大小改变时,accordion自动适应其父元素的大小,并充满父元素。前提是,父元素的高度随浏览器动态改变。
代码:
window.onresize = function() {
autoHeight();
$("#permissionTree").accordion("resize");
}
$(function() {
autoHeight();
$("#permissionTree").accordion({
fillSpace: true
});
});
其中,后一个函数是实现浏览器第一次加载页面时,accordion的正常加载。fillspace:true使得其自动充满父元素。前一个函数实现了在窗口改变大小时,调用accordion的resize方法。其中的autoHeight()函数用来控制页面其他元素(包括accordion的父元素)的大小。