0

div-listを特定の(ブラウザー)幅のアコーディオンに変更する小さなスクリプトがあります。

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

すべて正常に機能しますが、問題は、ユーザーが小さな画面でWebサイトを表示し、ブラウザーの幅を広げた場合(または電話を横向きに変更した場合)、デフォルトの非アコーディオン位置に戻らないことです。結果として、全体のレイアウトが台無しになります。どうすればこれを可能にできますか?

4

3 に答える 3

2

あなたはそれをサイズ変更機能に入れることができます:

$(window).resize(function() {
    var win_width = $(window).width();
    if ( win_width < 768 ){
        $( "#footerWidgets" ).accordion();
    }
};
于 2012-05-31T22:11:37.903 に答える
1

onresizeサイズ変更時にウィンドウのサイズを再チェックして「非アコーディネイト」するイベントハンドラーを設定します#footerWidgets

$(window).resize(function() {
    if ($(window).width() > 768) {
        $("#footerWidgets").accordion("destroy");
    }
};
于 2012-05-31T22:12:25.317 に答える
0

サイズ変更関数でこれを呼び出します。

$( "#footerWidgets" ).accordion( "destroy" )
于 2012-05-31T22:13:05.780 に答える