javascript - 更新せずに画面サイズの変更を検出するjQuery

Question

を使用して画面サイズに基づいて実行されるスクリプトがあります

if (document.documentElement.clientWidth >= 1024) {//script}

これは正常に機能しますが、向きが変わるかどうかを確認する必要があるモバイル Web サイトで使用されるため、変更の間に更新が必要です。

更新せずに画面サイズを検出するにはどうすればよいですか?

Jsfiddle デモ.

Answer 1

これを試して：

$(window).resize(function() {
    if (document.documentElement.clientWidth >= 1024) {    
        $('div').click(function() {
            $('p').slideToggle();
        });
    }
}).resize()

---

アップデート：

イベントを使用できますorientationchange：

$(window).bind('orientationchange', check);

function check() {
     if (document.documentElement.clientWidth >= 1024) {    
            $('div').click(function() {
                $('p').slideToggle();
            });
     }
}

Answer 2

function calculateHeight(){ 
   //do some calculations

}

calculateHeight();

$(window).resize(function(){
    calculateHeight();  
});

これはあなたのゲームです。計算コードを記述し、それcalculateHeightを1回実行して、すべてを適切なサイズで作成します。その後、$（windows）.resize（）; ウィンドウのサイズが変更されるたびに呼び出されるため、uは再度計算できます。

Answer 3

jQueryのresize（）メソッドを試すことができます：http： //api.jquery.com/resize/