JQuery的手风琴自动高度问题(JQuery Accordion Auto Height issu

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

什么情况是自动高度需要一些时间来加载，加载有很多的内容下方的白色空间之前。当最终装载高度将扩大到不再那么抢购到内容的正确的高度。有没有一种方式，这是无缝的？我只是希望能够点击一个手风琴选项卡并将其顺利拓展到内容的准确高度。

更新2014年8月8日：

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

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

Answer 1:

那么，为什么你不只是设置autoheight假？

$( ".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是默认设置，所以您不必将其设置成你的电话。

而你得到的答案在这里你的问题： JQuery的手风琴不无H3标签的工作。

它要经过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手风琴contentElement -它被称为data-content默认情况下，除非你不同的配置吧：

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

如果你希望你的数据是动态加载后调整手风琴这也将正常工作。

文章来源: JQuery Accordion Auto Height issue