问切换到max-width上的折叠效果
EN

Stack Overflow用户

提问于 2012-06-01 06:09:14

回答 3查看 191关注 0票数 0

我有一个小脚本，可以将div-list更改为特定(浏览器)宽度的accordion。

if ($(window).width() < 768) {
    $( "#footerWidgets" ).accordion();
   } else {
  }

这一切都很好，但问题是，当用户在小屏幕上查看网站并增加浏览器宽度(或将手机更改为横向)时，它不会更改回默认的非手风琴位置。希望在结果中打乱内部布局。我如何才能做到这一点呢？

发布于 2012-06-01 06:12:25

设置一个onresize事件处理程序，用于在调整窗口大小和“取消折叠”#footerWidgets时重新检查窗口的大小。

$(window).resize(function() {
    if ($(window).width() > 768) {
        $("#footerWidgets").accordion("destroy");
    }
};

票数 1

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

原文链接：

https://stackoverflow.com/questions/10841982

复制

相似问题

问切换到max-width上的折叠效果EN