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身體的寬度和高度

回答

相關問題