Question

我有一个简单的手风琴设置，只有两个部分。默认情况下，顶部第一部分默认折叠，底部第二部分展开。

我遇到了一个问题，排在前面的第一部分，当扩展时有一个样式设置，创建一个高度为“ 3791.8px; ”创建这个巨大的垂直空白区域（我的内容是只有1000px）。我不知道它来自哪里，因为我搜索了附加到脚本的默认css并且没有发现任何相关内容。 （http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"rel =“stylesheet”type =“text / css”/）

我已经尝试在特定的div中定义高度，手风琴div，内联，外部 - 切换溢出，以及其他每种方式尝试关闭此空白/覆盖它来自哪个样式。

我该怎么办？

这几乎就是我实施的所有内容（只是我的文字内容）;

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

  <script>
  $(document).ready(function() {
    $( "#accordion" ).accordion({ active: 1 });

  });

  </script>

<div id="accordion">

<h3><a href="#">Section 1</a></h3>

 <p> Text content </p>

<h3><a href="#">Section 2</a></h3>

<p> Text content </p>

</div>

问题链接： http://tinyurl.com/7xn33hb

Answer 1

尝试设置autoHeight: false

$(document).ready(function() {
    $( "#accordion" ).accordion({ 
        active: 1,
        autoHeight: false
     });
});

Answer 2

默认情况下，它采用最高部分的高度，并使所有部分都为高度。您可以通过将autoHeight属性设置为false来将其更改为仅使其成为实际内容的高度。 e.g。

$( "#accordion" ).accordion({ active: 1, autoHeight: false });

Answer 3

默认情况下，jQuery UI的accordion小部件将autoHeight选项设置为true。根据文件：

如果设置，则最高内容部分将用作所有其他部分的高度参考。提供更一致的动画。

将其设置为false，如下所示：

$( "#accordion" ).accordion({ active: 1, autoHeight: false });

这会让你得到你想要的行为。

Answer 4

只需设置autoheight to "false"

即可

手风琴高度问题

4 个答案: