切換到最大寬度的手風琴

Question

我有一個小腳本，它將div-list更改爲一個摺疊（瀏覽器）寬度的手風琴。

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

它一切正常！但問題是，當用戶在小屏幕上瀏覽網站並增加瀏覽器寬度（或將手機改爲橫向）時，它不會回到默認的非手風琴位置。結果導致服裝佈局混亂。我怎樣才能使這成爲可能？

與我一起，我是jQuery新手，但我怎麼能使這成爲可能？

乾杯！

Answer 1

你可以把它放在調整大小功能：

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

Answer 2

搭建onresize事件處理程序調整和「去accordianizes」 #footerWidgets時重新檢查窗口的大小。

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

Answer 3

你會想在你調整大小功能調用此

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