Jquery手风琴问题即6

Question

我使用以下选项在我的一个页面上实现了一个Jquery手风琴

$("#accordion").accordion({ header: "h3", alwaysOpen: false, active: false, autoHeight: false});

这在Firefox和ie7中运行得非常出色(现在我升级到了jquery ui的v1.7)

然而在ie6中,几乎所有手风琴的内容都消失了(我留下了一个<select>标签显示？!)

如果我根据这个答案将AutoHeight选项改为true ,那么它再次没问题,除了我失去了手风琴尺寸很好的好处,其中一些有很多空白区域.

有没有人知道修复,以便我仍然可以有AutoHeight = false？

Answer 1

添加.ui-accordion-content {zoom:1; 我的CSS修复了我的问题:

<link type="text/css" href="css/dark-hive/jquery-ui-1.7.2.custom.css" rel="stylesheet" />   
<style type="text/css">
        .ui-accordion-content{ zoom: 1; } 
</style>

Answer 2

面对同样的问题,我找到了一个适用于所有浏览器的解决方案,而无需更改autoHeight参数.

只需在您的css中添加一个类,如下所示:

* html .clearfix { height: 1%; }

然后将其添加到h3之后的内容div中(如下所示:)

<h3>Header</h3>
<div class="clearfix">Whatever</div>

问题实际上是隐藏文本呈现的IE6问题.我已经在包含无序列表和复杂嵌套div等内容上测试了它,一切正常.让我知道如果这样做了!

Answer 3

我有同样的问题。不过，手风琴与 ul 配合得很好，所以我找到了这篇关于如何在不使用 的情况下制作表格的文章。

http://mindrulers.blogspot.com/2008/03/create-table-using-css.html

希望这可以帮助。