jquery-ui - 如何更改或关闭 jQuery UI 手风琴的固定高度内联样式？

Question

我在出现的 jQuery UI 手风琴中有一个 <p> ：

<p class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" style="height: 184px " role="tabpanel">

早些时候，当我在那里有几个文本链接时，它非常适合。但是，现在我有图像链接，并且图像被锐利地剪裁了。

我可以通过添加额外的 <br /> 选项卡来获得更多空间，但我希望手风琴面板包含所有图像，一个在另一个之上，并且大小正确。

Answer 1

如果我正确理解了您的问题，您需要告诉手风琴根据内容确定其高度。

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

这在此处的 jQuery UI 站点上进行了说明和显示：http: //jqueryui.com/accordion/#no-auto-height

希望这是您正在寻找的。

Answer 2

我在使用 jQuery Accordion 时遇到了同样的问题，我刚刚找到了解决方法！

只需在页面顶部添加此 CSS 代码。它将覆盖缩略图上发生的自动裁剪：

.ui-accordion-content {
  min-height:auto !important;  
}