jQuery UI手风琴 - 每个面板适合内容

Question

我正在使用jQuery UI的Accordion http://jqueryui.com/demos/accordion/,我试图让它适合每个面板内容的高度.

它目前的工作方式是适应最大的面板内容,但我希望根据哪个面板打开来调整大小.

另外,有没有办法在默认情况下打开一个面板而不是顶面面板？我想在用户加载页面时打开最底层的面板.

提前致谢!

编辑:我已经尝试将height:auto !important;jquery-ui.css文件放在.ui-accordion .ui-accordion-content-active哪个文件上工作,但在关闭手风琴时会导致一个奇怪的问题,其中一个保持打开而另一个打开.

Answer 1

为了保持最新,似乎对于jquery UI版本1.9,autoHeight已被heightStyle取代. http://api.jqueryui.com/accordion/#option-heightStyle

在1.9之后这样做的方法是 $( ".selector" ).accordion({ heightStyle: "content"});

autoHeight在大多数情况下仍然可以使用,但是当我使用autoHeight时,我在Chrome和Safari中遇到了困难但在Firefox中遇到了困难:false和我的.ui-accordion-content包含一个高度设置为auto的图像.使用heightStyle工作得更好.

Answer 2

啊,发现他们只是有一个设置!http://jqueryui.com/demos/accordion/#no-auto-height

所以基本上,只需这样做: $( ".selector" ).accordion({ autoHeight: false });

Answer 3

问题相当老了，但现在 jQuery 可以选择根据内容设置高度。更多信息在这里： http: //api.jqueryui.com/accordion/#option-heightStyl

   $(function () {
            $("#accordion").accordion({
              {heightStyle: "content" }
            });
        });