jQuery Accordion not working to set height to content

Question

我试图根据我在stackoverflow中研究的内容来修改手风琴,并且高度仍然没有改变 - 它仍然是最高面板的高度.有人可以告诉我我做错了什么或丢失了吗？这是我在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. 您没有使用相同的选择器来设置您的手风琴.
2. 您没有将后面的代码放在一起,.ready()因此如果手风琴HTML低于脚本标记,它将无法正常工作.
3. 在jQuery的手风琴没有一个autoHeight选项.根据您应该使用heightStyle的文档.

如果这些更改无法解决您的问题,请同时提供您的HTML.