文章/答案/技术大牛

发布

社区首页 >问答首页 >JQUERY UI Accordion调整窗口大小？

问JQUERY UI Accordion调整窗口大小？
EN

Stack Overflow用户

提问于 2010-03-12 00:53:29

回答 4查看 15.7K关注 0票数 12

我正在使用JQUERY UI Accordion模块：

<script type="text/javascript">
$(function() {
    $("#sidebar_column_accordion").accordion({
        fillSpace: true,
        icons: { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' }
    });
});
</script>

通过使用fillSpace选项，accordion占据了我想要的整个窗口高度。问题是它在页面加载时计算高度，如果用户调整浏览器的大小，它不会调整...

当浏览器窗口调整大小时，有没有办法让accordion重新计算高度/大小？

谢谢

jquery

jquery-ui

jquery-plugins

accordion

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-03-12 01:46:24

$(window).resize(function(){
    $("#sidebar_column_accordion").accordion("resize");
});

在jQuery UI 1.9中，删除了调整大小方法。添加了刷新方法，该方法更健壮，在这种情况下也可以工作。

$(window).resize(function(){
    $("#sidebar_column_accordion").accordion("refresh");
});

票数 21

Stack Overflow用户

发布于 2013-04-18 00:35:00

看起来这个已经被更新为“刷新”了。

$(function() {
$( "#accordion" ).accordion({
heightStyle: "fill"
});
});
$(function() {
$( "#accordion-resizer" ).resizable({
minHeight: 140,
minWidth: 200,
resize: function() {
$( "#accordion" ).accordion( "refresh" );
}
});
});

票数 4

Stack Overflow用户

发布于 2013-07-18 08:53:58

在accordion decalaration中设置autoHeight：'content‘。这将使div使用内容的原生高度：

$('#accordion').accordion({
    autoHeight: 'content'
});

有关更多信息，请查看此处：http://jqueryui.com/accordion/#no-auto-height

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/2426940

复制

相似问题

问JQUERY UI Accordion调整窗口大小？
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQUERY UI Accordion调整窗口大小？EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQUERY UI Accordion调整窗口大小？
EN