Question

我无法使用所有版本的Internet Explorer来呈现我的jQuery代码。它在FF，Chrome，Safari和Opera中都很棒。代码位于标记之前的html文件的底部。我还在标签之前尝试了顶部的代码而没有任何运气。我不确定这是否是在可扩展网站上设置设置位置和大小的正确方法，但代码如下：

    $(document).ready(function(){
    resizeDiv();
});

window.onresize = function(event) {
    resizeDiv();
}

function resizeDiv() {
    mainheight = $(window).width() * .7275;

    //Adjusting height
    $('#main').css({'height': mainheight + 'px'});
    $('#content').css("height", $('#content').width() / 3.9608 + "px");

    //Adjusting width
    $('#aacsbbottomimage').css("width", $(window).width() / 9.9365 + "px");
    $('#checkimg1').css("width", $(window).width() / 12.52 + "px");
    $('#checkimg2').css("width", $(window).width() / 12.52 + "px");
    $('#checkimg3').css("width", $(window).width() / 12.52 + "px");

    //Adjusting top positions
    $('#content').css('top', mainheight * .485 + 'px');
    $('#header').css('top', mainheight * .05 + 'px');
    $('#contentheading').css('top', mainheight * .43 + 'px');
    $('#footer').css('top', mainheight * .9 + 'px');

    //Adjusting font sizes
    $('#whiteheader').css("font-size", mainheight / 16.2396 + "px");
    $('#blueheader').css("font-size", mainheight / 16.2396 + "px");
    $('#headerparagraph').css("font-size", mainheight / 56.25 + "px");
    $('#contentheading').css("font-size", mainheight / 47.3684 + "px");
    $('#submitbutton').css("font-size", mainheight / 69.2307 + "px");
    $('#one').css("font-size", mainheight / 55 + "px");
    $('#two').css("font-size", mainheight / 55 + "px");
    $('#three').css("font-size", mainheight / 55 + "px");
    $('#formtext').css("font-size", mainheight / 57 + "px");
    $('#footer').css("font-size", mainheight / 75 + "px");
    $('#section1').css("font-size", $(window).width() / 130.5 + "px");
    $('#section2').css("font-size", $(window).width() / 145.5 + "px");
}

Answer 1

IE10中的小提琴似乎没问题，也许比Opera 12.15更好，尽管我真的不知道该找什么。

小提琴与您描述的代码之间的主要区别在于脚本在文档中的位置。

尝试将其移至文档的<head>...</head>和短语中，如下所示：

$(function() {
    $(window).on('resize', function() {
        ...
        ...
        ...
    }).trigger('resize');
});

这将给它一个战斗机会。

让IE在jQuery中呈现doc ready功能

1 个答案: