JQuery ширина и высота тела

Question

У меня есть следующий код jquery для проверки размеров окна. К сожалению, кажется, что он только подбирает ширину - высота возвращается как ноль. Где я иду не так?

$(document).ready(function() { 
    var $window = $('body'); 
    function checkSize() { 
     var windowWidth = $window.width(); 
     var windowHeight = $window.height(); 

     if (windowWidth < 765) { 
      $('#index_right').hide(); 
      $('.btn').removeClass("btn-large"); 
     } 
     else if (windowWidth < 880) { 
      $('#index_right').hide(); 

      $('.btn').addClass("btn-large"); 
     } 
     else 
     { 
      $('#index_right').fadeIn(1000); 
      $('.btn').addClass("btn-large"); 
     } 

     if (windowHeight < 3000) { 
      //alert(windowHeight); 
      $('#index_base').hide(); 
     } 
     else 
     { 
      $('#index_base').fadeIn(1000); 
     } 
    } 
    checkSize(); 
    $(window).resize(checkSize); 
}); 

Answer 1

Попробуйте использовать JQuery встроенный в методе высоты вместо:

$(window).height(); 

Answer 2

Похоже, что вы пытаетесь показать и скрыть различное содержание в зависимости от размера экрана посетителя, почему бы не использовать медиа-запросы вместо этого?

(Подробнее http://www.w3.org/TR/css3-mediaqueries/)

Answer 3

var $window = $('body'); 

Должно быть

var $window = $('window');