jquery-ui - 带有 autoHeight=true 的 jQuery UI Accordion 在非默认 Pane 上有不必要的滚动条

Question

我在使用 jQuery Accordion 时遇到问题。当我创建一个内容 Pane 时，非默认 Pane 的内容比默认 Pane 多，并且 autoHeight 为 true，这在切换 Pane 时提供了很好的动画，但非默认 Pane 会出现我不想要的滚动条。

您可以通过访问http://jqueryui.com/themeroller/来查看此操作的实际情况。 ，切换到“Blitzer”或“Humanity”等主题，然后打开示例 Accordion 的第 3 部分。我使用的是 Safari 3.2.1 和 Firefox 3.0.8。

如果你切换到autoHeight=false，那么这种情况就不会发生，所有内容 Pane 都有正确的高度，但内容 Pane 只在动画结束时渲染，看起来很奇怪，所以我不得不关闭动画避免这种奇怪的情况。

要么是我误读了某些内容，要么这是 jQuery UI Accordion 中的一个错误。请帮我找出是两者中的哪一个(或者两者都是)。

Answer 1

我尝试了几种不同的方法。 autoHeight: false 本身不起作用。这最终对我有用:

$( "#accordion" ).accordion({
            heightStyle: "content",
            autoHeight: false,
        clearStyle: true,   
        });

我在具有固定宽度的 SharePoint 内容编辑器 Web 部件中使用它，这在向 Accordion 小部件添加内容时增加了高度问题。