设置属性失效,前端兼容性问题IE8

最新推荐文章于 2021-06-29 18:29:36 发布

原创最新推荐文章于 2021-06-29 18:29:36 发布 · 651 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

js 专栏收录该内容

1 篇文章

订阅专栏

博主记录在新版浏览器可行但IE8不兼容的问题，即某方法里的属性设置方法在IE8不生效，经思考采用jquery 1.0版本就支持的attr属性设置方法来解决。

今天遇到一个问题,记录一下,再新版浏览器中可以,IE8中部兼容.

function onclickPIC() {
    if (imgIndex == 4) {
        imgIndex = 0;
    } else {
        imgIndex++;
    }
    $(" .button a").css("color", "#fff");
    $(" .button a").eq(imgIndex).css("color", "#ffaa4e");
    if (picUrl[imgIndex].picURL == "" || picUrl[imgIndex].picURL == undefined || picUrl[imgIndex].picURL == null) {
        document.getElementById("imgPIC").src = "images/20190703093005001.jpg";
    } else {
        document.getElementById("imgPIC").src = serviceUrl + picUrl[imgIndex].picURL;
    }
    document.getElementById("aimgPIC").href = "content.jsp?id=" + picUrl[imgIndex].id + "&&colId=" + picUrl[imgIndex].colId;
    document.getElementById("imgPIC").title = picUrl[imgIndex].name;

}

这个方法里面的属性设置方法再IE8中不会生效,经过思考使用jquery 1.0版本就开始支持的属性设置方法attr

function onclickPIC() {
    if (imgIndex == 4) {
        imgIndex = 0;
    } else {
        imgIndex++;
    }
    $(" .button a").css("color", "#fff");
    $(" .button a").eq(imgIndex).css("color", "#ffaa4e");
    if (picUrl[imgIndex].picURL == "" || picUrl[imgIndex].picURL == undefined || picUrl[imgIndex].picURL == null) {
        $("#imgPIC").attr("src", "images/20190703093005001.jpg");
    } else {
        $("#imgPIC").attr("src", serviceUrl + picUrl[imgIndex].picURL);
    }
    $("#aimgPIC").attr("href", "content.jsp?id=" + picUrl[imgIndex].id + "&&colId=" + picUrl[imgIndex].colId);
    $("#imgPIC").attr("title", picUrl[imgIndex].name);
}