jQuery手风琴自动高度问题

我正在使用JQuery手风琴。我在这里有此页面：http : //www.hauppauge.com/site/support/support_colossus.html#tabs-6

发生的情况是，自动高度加载需要花费一些时间，在加载之前，内容下方有很多空白。最终加载时，高度将扩展到更长，然后捕捉到内容的正确高度。有没有办法使之无缝？我只希望能够单击“手风琴”选项卡并将其平滑扩展到内容的确切高度。

2014年8月8日更新：

使用heightStyle: "content"，如果你正在使用1.9版及更高版本（塔伦的答案）

使用autoHeight: false了1.8和更低（iappwebdev的答案）

那么，为什么不设置autoheight为false？

$( ".selector" ).accordion({ autoHeight: false });

http://jqueryui.com/demos/accordion/#option-autoHeight

编辑

看你的评论：

// Accordion
$("#accordion").accordion({ header: "h3" });
$("#accordion").accordion({ collapsible: true });
$("#accordion").accordion({ autoHeight: false, navigation: true });

您正在初始化手风琴，然后向它添加更多选项。你为什么要这么做？默认值autoHeight是true，所以每片获得一个固定的高度。将所有选项放在一个电话中：

// Accordion
$("#accordion").accordion({
    header: "h3",
    collapsible: true,
    autoHeight: false,
    navigation: true 
});

编辑

关于您的第二条评论：

看看http://jqueryui.com/demos/accordion/#option-header。您可以看到该选项h3是默认设置的，因此您不必在通话中进行设置。

您将在此处得到问题的答案：没有h3标签，JQuery手风琴将无法工作。

通过jQuery API来提高您的知识非常重要。对于jQuery API，请访问http://api.jquery.com/；对于jQuery UI，请访问http://jqueryui.com/demos/。如果您还有其他问题，请在尝试解决问题后以及进行一些研究后立即提出。

如果所有这些都回答了您的问题，请将其标记为正确答案。

你应该使用

$("#accordion").accordion({ 

heightStyle: "content" 

});

它将根据您的内容设置高度。并且不会使用空格作为高度。

$("#accordion").accordion({ 

heightStyle: "content" 

});

这在新版本中工作，对我有用！！！

这对我有用。

$( ".accordion" ).accordion({ 
 autoHeight: false,
 collapsible: true,
 navigation: true 
 });

如果到目前为止没有任何效果，只需调整jQuery手风琴的大小contentElement-data-content默认情况下会调用它，除非您对其进行了不同的配置：

$('.accordion').find('[data-content]').resize();

如果要在动态加载数据后调整手风琴的大小，这也将起作用。