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

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

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

Answer 2

尝试使用jquery的内置高度方法：

$(window).height();

Answer 3

var $window = $('body');

应该是

var $window = $('window');

Jquery身体的宽度和高度

3 个答案: