0

画面サイズに基づいて 2 列または 1 列のビューを切り替えるモバイル Web プロジェクトに取り組んでいます。一部のデバイス サイズでは、縦向きから横向きに変更すると、1 列と 2 列が切り替わります。ページの下部には、2 列ビュー用に 3 つのフィーチャー画像が並んでいますが、1 列のコンテンツ スライダーに変えたいと考えています。

私の問題：
画面の幅が特定の幅を下回ると、私が持っているJavaScript条件付き関数が関数を呼び出します。ただし、画面の向き/サイズを変更すると、機能が呼び出されたり、画面幅が再評価されたりしません。

私が持っているもの：

if( $(window).width() < 570) { 
    $(window).load(function() { 
        $('.flexslider').flexslider(); 
    }); 
}

サイズ変更を監視し、サイズ変更イベントの後に関数を呼び出す/呼び出す最良の方法は何ですか?

4

2 に答える 2

0

ウィンドウでjQueryのサイズ変更イベントを使用します。jsfiddle

$(window).resize(function(){
 //your code

});
于 2012-09-27T13:07:39.057 に答える
0

Shusl が言ったことに従うには、 $(window).resize(); 内に関数を作成する必要があります。

私がすることは、関数を作成し、必ずそれもトリガーすることです。つまり、次のようになります-

$(window)resize(function() {

    winWidth = $(window).width();
    winHeight = $(window).height();

    if (winWidth < 570) {

       $(window).load(function() { $('.flexslider').flexslider(); });

    }
   else {
      // do something else
   } 

   }).trigger("resize");
于 2012-09-27T13:58:52.320 に答える