1

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(). 我能做些什么?

4

2 回答 2

5

正如您评论我的问题,您使用的是 jQuery 2.0.3,您不能在旧版浏览器中使用 jQuery 2+:

正如所承诺的,这个版本抛弃了旧的 Internet Explorer 6、7 和 8 浏览器。作为回报,它更小、更快,并且可以用于旧版 IE 兼容性所需的代码通常会导致其自身问题的 JavaScript 环境。不过不用担心,jQuery 团队仍然支持在 IE 6/7/8 上运行的 1.x 分支。您可以(并且应该)在需要适应旧版浏览器的网站上继续使用 jQuery 1.9(以及即将推出的 1.10)。

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

于 2013-09-17T09:14:28.820 回答
0

尝试添加px度量:

$(this).css({
    'width': config.windowWidth + 'px',
    'height': config.windowHeight + 'px'
});
于 2013-09-17T09:07:09.420 回答