jQuery Accordion 无法将高度设置为内容

Question

我正在尝试根据我在 stackoverflow 中的研究修改 Accordion ，但高度仍然没有改变——它仍然是最高面板的高度。有人可以告诉我我做错了什么或错过了什么吗？这是我在 HEAD 中输入的内容——

<link rel="stylesheet"   href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#accordion" ).accordion({
  collapsible: true
});
</script>
<script>
$(".selector").accordion({ autoHeight: false }); 
</script>

谢谢。

Answer 1

您的现有代码存在三个问题。以下代码应该适合您:

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

1. 您没有使用同一个选择器来设置 Accordion 。
2. 您没有将以后的代码放在 .ready() 中，因此如果 accordian HTML 位于脚本标签下方，它将无法正常工作。
3. jQuery accordian没有自动高度选项。根据文档，您应该一直在使用 heightStyle。

如果这些更改未能解决您的问题，请同时提供您的 HTML。