html - 在最大宽度上切换到手风琴

Question

我有一个小脚本，可以将 div 列表更改为特定（浏览器）宽度的手风琴。

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

一切正常，但问题是当用户在小屏幕上查看网站并增加浏览器宽度（或将手机更改为横向）时，它不会变回默认的非手风琴位置。希望结果弄乱了内部布局。我怎样才能做到这一点？

score 2 · Accepted Answer

你可以把它放在 resize 函数中：

$(window).resize(function() {
    var win_width = $(window).width();
    if ( win_width < 768 ){
        $( "#footerWidgets" ).accordion();
    }
};

score 1 · Accepted Answer

设置一个onresize事件处理程序，在调整大小和“de-accordianizes”时重新检查窗口的大小#footerWidgets。

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

score 0 · Accepted Answer

0

你会想在你的调整大小函数中调用它

$( "#footerWidgets" ).accordion( "destroy" )

于 2012-05-31T22:13:05.780 回答

3 回答 3