JQuery手风琴自动高度问题

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

发生什么是自动高度需要一些时间加载,在加载之前有很多的空格下面的内容。当它终于加载高度将会扩展到更长,然后捕捉到正确的内容高度。有没有办法让这是无缝的?我只想点击一个手风琴选项卡,让它顺利扩展到内容的确切高度。

更新08/08/2014:

使用heightStyle:“content”如果你使用version 1.9 and higher(Tarun的回答)

对于1.8 and lower使用autoHeight:false(iappwebdev的答案)

那么为什么不把自动高度设置为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默认设置,所以你不必在呼叫中设置它。

你在这里得到你的问题的答案:JQuery accordion doesn’t work without h3 tags

通过jQuery API来提高你的知识是非常重要的。对于jQuery API去http://api.jquery.com/和jQuery UI去http://jqueryui.com/demos/.如果你有任何其他问题,不要犹豫要求后,你试图解决你的问题,你做了一些研究。

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

http://stackoverflow.com/questions/11034756/jquery-accordion-auto-height-issue

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:JQuery手风琴自动高度问题