Обнаруживать при изменении размера браузера не работает

Question

Im пытается сделать предупреждение 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, он все еще предупреждает «Under 800!». В чем проблема?

Answer 1

Это потому, что $(window).height(); дает высоту result iframe, не то в браузере.

См. jsFiddle.

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

Another demo with 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

Для тестирования, я kép высоту 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); 

Вы должны проверить консоль Брауэр для этого.

Кроме того, я думаю, что нет необходимости во втором , если заявление здесь. Вы можете поместить его в часть еще.

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);