如果容器变为不可见,则Jquery Accordion不会填充容器的高度

时间:2014-06-21 16:27:12

标签: jquery jquery-ui jquery-ui-accordion

我在div中有一个手风琴,高度风格设置为填充,div高度为100%。它是一个侧面板,里面有一个帮助页面。

当我在侧面板可见的情况下渲染页面时,手风琴从上到下填满整个空间,这很棒。但是当我将面板隐藏起来并让用户看到它时,手风琴就会被挤压在顶部并且不会填满整个空间。

$('#helpaccordion').accordion({
               collapsible: true,
               header: 'h4',
               heightStyle: 'fill',
               active: parseInt(helpactivegroup),
               activate: function( event, ui ) {setActiveGroup()}
             });

是否有一些方法可以在手风琴可见后刷新它?或者其他一些方法来确保它填满整个空间?

2 个答案:

答案 0 :(得分:0)

手风琴确实有刷新方法:jQuery UI accordion API

答案 1 :(得分:0)

自己找到答案。

$("#helpaccordion").accordion("resize");

我刚刚在初始化手风琴后添加了这段代码(即使它在那时仍然不可见)并且它解决了我的问题。