在ie8中使用 jq的load()无反应

Question

$("<img/>").attr("src", path).load(function(){

    console.log('点击888888');

    alert('!!!!!!!!!!!!!!!!!!!!!!!!!!')

    var windowW = $(window).width();        //获取当前窗口宽度

    var windowH = $(window).height();       //获取当前窗口高度

    var realWidth = this.width;     //获取图片真实宽度

    var realHeight = this.height;       //获取图片真实高度

    var imgWidth, imgHeight;

    var scale = 0.8;        //缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放

    if(realHeight > windowH * scale) {  //判断图片高度

        console.log('点击999999');

        imgHeight = windowH * scale;  //如大于窗口高度，图片高度进行缩放

        imgWidth = imgHeight / realHeight * realWidth;  //等比例缩放宽度

        if(imgWidth > windowW * scale) {    //如宽度扔大于窗口宽度

            imgWidth = windowW * scale;   //再对宽度进行缩放

        }

    } else if(realWidth > windowW * scale) {    //如图片高度合适，判断图片宽度

        imgWidth = windowW * scale;       //如大于窗口宽度，图片宽度进行缩放

        imgHeight = imgWidth / realWidth * realHeight;  //等比例缩放高度

    } else {    //如果图片真实高度和宽度都符合要求，高宽不变

        imgWidth = realWidth;

        imgHeight = realHeight;

    }

    $(bigimg).css("width",imgWidth);    //以最终的宽度对图片缩放

    var w = (windowW-imgWidth)/2;   //计算图片与窗口左边距

    var h = (windowH-imgHeight)/2;  //计算图片与窗口上边距

    $(innerdiv).css({"top":h, "left":w});   //设置#innerdiv的top和left属性

    $(outerdiv).fadeIn("fast"); //淡入显示#outerdiv及.pimg

});

Answer 1

可以使用load()方法,但是path再ie8中不能写为动态if(/(MSIE 8.0)|(MSIE 7.0)/ig.test(ua)){&nbsp; &nbsp; $("<img/>").attr("src",pathShow);&nbsp; &nbsp; // pathShow为图片路径,load()方法在ie8及以下不能为动态地址&nbsp; &nbsp; $("<img/>").css("width");&nbsp; &nbsp; if( $("<img/>") ){&nbsp; &nbsp; &nbsp; &nbsp; $('#innerdiv').css({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'height':'100%',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'width':'100%',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'background':'#000000',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 'opacity':'0.3'&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; $(outerdiv).fadeIn("fast");&nbsp; &nbsp; &nbsp;//淡入显示#outerdiv及.pimg&nbsp; &nbsp; }}即可