IE 7和8无法识别jQuery的高度和宽度？

Question

我使用config变量编写了几个函数。 看起来是这样的：

scripts = function() {
    var config = {
        windowWidth: $(window).width(),
        windowHeight: $(window).height()
    }

    function generatePages() {
        $('section.main').each(function() {
            $(this).css({
                'width' : config.windowWidth,
                'height': config.windowHeight
            });

            if($(this).children('.more').length) {
                $(this).children('.more').css('line-height',config.windowHeight+'px')
            }
        });
    }

    return {
        config:config,
        generatePages:generatePages
    }
}();

scripts.generatePages();

它在所有浏览器中都可以正常运行，但是IE 7-9不会运行generatePages ，似乎并不能“理解” $(window).width()和height() 。 我能做什么？

Answer 1

当您对我的问题发表评论时，您正在使用jQuery 2.0.3，不能在较旧的浏览器中使用jQuery 2+：

如承诺的那样，此版本保留了较旧的Internet Explorer 6、7和8浏览器。 作为回报，它更小，更快，并且可以在JavaScript环境中使用，在该环境中，旧IE兼容性所需的代码通常会引起其自身的问题。 但是不用担心，jQuery团队仍然支持在IE 6/7/8上运行的1.x分支。 您可以（并且应该）继续在需要容纳较旧浏览器的网站上使用jQuery 1.9（以及即将发布的1.10）。

来源： http : //blog.jquery.com/2013/04/18/jquery-2-0-released/

Answer 2

尝试添加px度量：

$(this).css({
    'width': config.windowWidth + 'px',
    'height': config.windowHeight + 'px'
});