2014-06-21 24 views
0

我有一個div內的手風琴和heightstyle設置爲填充和div是100%的高度。這是一個帶有幫助頁面的側面板。Jquery Accordion不填充容器的高度,如果容器呈現不可見

當我使用側面板顯示頁面時,手風琴從上到下充滿了整個空間,這非常棒。但是,當我將面板隱藏起來,並讓用戶看得見時,手風琴全部被擠壓在頂部,並沒有填滿整個空間。

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

是否有某種方法可以在手風琴變得可見後刷新?或者採取其他方式確保它充滿整個空間?

回答

0

找到自己的答案。

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

我剛加入這個代碼,之後我初始化手風琴(儘管它仍然是看不見的在這一點),它解決了我的問題。

0

手風琴確實有一個刷新方法:jQuery UI accordion API

+0

我注意到resize方法完成同樣的事情,但它聽起來像刷新是專門爲此目的而設計的。使用刷新會比出於某種原因調整大小更好嗎? – Vincent