0

我有以下 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);
});
4

3 回答 3

1

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

$(window).height();
于 2013-06-19T15:57:53.690 回答
1

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

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

于 2013-06-19T15:56:49.940 回答
0 
var $window = $('body');

应该

var $window = $('window');
于 2013-06-19T16:03:09.590 回答