JQuery手风琴自动高度问题

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

会发生什么情况是自动加载需要一些时间来加载，在加载之前，内容下面有很多空白。 当它最终加载的时候，高度将会扩展到更长的时间，然后快照到正确的内容高度。 有没有办法让这个无缝？ 我只是想能够点击一个手风琴选项卡，并顺利扩展到内容的确切高度。

更新08/08/2014：

使用heightStyle: "content"如果您使用1.9或更高版本 （“ Tarun”的答案），则使用heightStyle: "content"

使用autoHeight: false为1.8或更低 （iappwebdev的答案）

Answer 1

那你为什么不把自动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/ 。 如果您还有其他问题，请在您尝试解决问题之后再进行一些调查之后再回答。

如果这一切都回答你的问题，请将其标记为正确的答案。

Answer 2

你应该使用

 $("#accordion").accordion({ heightStyle: "content" }); 

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

Answer 3

 $("#accordion").accordion({ heightStyle: "content" }); 

这是在新版本工作，它为我工作！

Answer 4

这对我有效。

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

Answer 5

如果目前为止没有任何工作，只是调整jQuery Accordion contentElement大小 – 默认情况下，它被称为data-content ，除非您以不同的方式进行configuration：

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

如果您想要在dynamic加载数据之后重新调整“手风琴”的大小，这也是可行的。