jquery身体的宽度和高度

我有以下的jquery代码来检查窗口的尺寸。不幸的是，它似乎只能提取宽度 - 高度返回为零。我哪里错了？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); 
});

来源

2013-06-19 Amy Neville

使用'$（窗口）尝试'，而不是'$（'body'）' –

艾米，请查看jQuery给出的例子：http：// api。 jquery.com/height/'$（window）.height（）; //返回浏览器视口的高度' –

使用内置的高度方法，而不是jQuery的尝试：

$(window).height();

来源

2013-06-19 15:57:53 Fahrenheit451

她是，但她使用了错误的选择器。 –

谢谢你的工作 –

看来您正试图根据访问者的屏幕大小来显示和隐藏不同的内容，为什么不使用媒体查询呢？

（更多信息http://www.w3.org/TR/css3-mediaqueries/）

来源

2013-06-19 15:56:49

这可能有帮助，http://stackoverflow.com/questions/838137/jquery-change-height-based-on-browser-size-resize，另见Fahrenheit451评论删除'var $你可以使用'$（document）.height（）'或'$（window）.height（）'和'$（window）.width（）' – Grmn

好的，我会看看那个....听起来有趣... ty :) –

var $window = $('body');

应该

var $window = $('window');

来源

2013-06-19 16:03:09 PhilTrep

jquery身体的宽度和高度

回答

相关问题