jquery - ブラウザのサイズ変更を検出できない

Question

ブラウザのサイズ変更時にjQueryアラートを作成しようとしていますが、機能していません。

http://jsfiddle.net/5m6yG/

function browser_resize(){
    var window_height = $(window).height();

    if ((window_height>=800)) {
        alert('800 or above!');
    }
    if ((window_height<800)) {
        alert('Under 800!');
    }
}
$(window).resize(browser_resize);

それは機能していません。ブラウザのサイズを変更すると、800 を超えても「800 未満!」というアラートが表示されます。何が問題ですか？

Answer 1

これは、ブラウザ$(window).height();の高さではなく、の高さを提供するためresult iframeです。

jsFiddleを参照してください。

function browser_resize(){
    $("#height").html($(window).height());
}
$(window).resize(browser_resize);

別のデモ300px height

function browser_resize(){
    var window_height = $(window).height();

    if ((window_height>=300)) {
        $("#height").html('300 or above!');
    }
    if ((window_height<300)) {
        $("#height").html('Under 300!');
    }
}
browser_resize();
$(window).resize(browser_resize);

Answer 2

テストのために、ここでは高さ 200 を保持しており、問題なく動作しています。

function browser_resize() {
    var window_height = $(window).height();
    console.log(window_height)
    if (window_height >= 200) {
        console.log('200 or above!');
    } else {
        console.log('Under 200!');
    }
}
$(window).resize(browser_resize);

これについては、ブラウザ コンソールを確認する必要があります。

また、ここでは2番目のif文は必要ないと思います。else部分の中に入れることができます。

Answer 3

このsout Demoをチェックしてくださいhttp://jsfiddle.net/5m6yG/4/

jQuery

function browser_resize(){
    var window_height = $(window).height();

    if ((window_height>=500)) {
        alert('500 or above!');
    }
    else if ((window_height<500)) {
        alert('Under 500!');
    }
}
$(window).resize(browser_resize);