2

我有以下手风琴：

<div id="accordion">
    <h3>Section 1</h3>
    <div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />hello
    </div>
    <h3>Section 2</h3>
    <div>
    </div>
    <h3>Section 3</h3>
    <div>
    </div>
    <h3>Section 4</h3>
    <div>

    </div>
</div>

这是jQuery：

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

 $(window).resize(function(){
    $("#accordion").accordion("resize");    
 });

在 Firefox 中一切正常，但在 Chrome 中，“第 1 节”div 不会添加滚动条，即使有内容溢出。我必须在滚动条出现之前手动调整窗口大小（在 div 内）。Firefox 默认检测溢出并显示滚动条。任何人都知道发生了什么？我什至不介意强制滚动条始终显示，但我什至无法将任何样式应用于 div 或手风琴。

4

2 回答 2

2

您应该替换fillSpace: true为heightStyle : 'fill'as it is deprecated。

编辑

 $(function() {
   $( "#accordion" ).accordion({
     heightStyle: 'fill',
     autoHeight: false
   });
 });

CSS：

.ui-accordion .ui-accordion-content{ overflow:auto !important; }
于 2013-06-25T14:09:56.383 回答
1

添加一个$(window).trigger('resize')以触发插件的所有高度/宽度计算

于 2013-06-26T06:23:31.357 回答