切换到max-width上的折叠效果
切换到max-width上的折叠效果
提问于 2012-06-01 06:09:14
我有一个小脚本，可以将div-list更改为特定(浏览器)宽度的accordion。
if ($(window).width() < 768) {
$( "#footerWidgets" ).accordion();
} else {
}这一切都很好，但问题是，当用户在小屏幕上查看网站并增加浏览器宽度(或将手机更改为横向)时，它不会更改回默认的非手风琴位置。希望在结果中打乱内部布局。我如何才能做到这一点呢？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-06-01 06:11:38
您可以将其放入resize函数中：
$(window).resize(function() {
var win_width = $(window).width();
if ( win_width < 768 ){
$( "#footerWidgets" ).accordion();
}
};Stack Overflow用户
发布于 2012-06-01 06:12:25
设置一个onresize事件处理程序，用于在调整窗口大小和“取消折叠”#footerWidgets时重新检查窗口的大小。
$(window).resize(function() {
if ($(window).width() > 768) {
$("#footerWidgets").accordion("destroy");
}
};Stack Overflow用户
发布于 2012-06-01 06:13:06
你需要在你的resize函数中调用它
$( "#footerWidgets" ).accordion( "destroy" )页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10841982
复制相关文章
相似问题
腾讯云开发者
