JQUERY UI Accordion 在窗口调整大小时调整大小?

标签 jquery jquery-ui jquery-plugins accordion

我正在使用 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 在调整浏览器窗口大小时重新计算高度/大小?

谢谢

最佳答案

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

在 jQuery UI 1.9 中,调整大小方法已被删除。添加了刷新方法,该方法更加稳健,并且在这种情况下也适用。

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

关于JQUERY UI Accordion 在窗口调整大小时调整大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2426940/

相关文章:

jquery - Bootstrap 选择菜单进入下拉菜单

jquery - 使用 jQuery 设置宽度后,选择的宽度减少了 2px

javascript - 表格小计和总计不计算

javascript - 如何使 Jquery-UI 按钮控件组突出显示所选项目?

javascript - ui.draggable ("destroy"的 jquery ui 错误)

javascript - 转换 jQuery 插件以支持多个实例

javascript - 使用 if 语句检查变量 true

javascript - 如何判断我是否点击了标签<p>中的内容?

javascript - 为什么 jquery 代码没有在 jsfiddle 中运行

javascript - 辅助功能:为什么 Jquery 菜单显式将菜单项 tabindex 设置为 -1?