Question

我想显示两个我不知道何时生成的图像。所以我想使用jquery错误函数来检查图像是否存在，并显示每个图像。以下代码适用于除IE之外的每个浏览器。为什么它不适用于IE，非常感谢您的帮助。

<style type="text/css">
DIV#loader {
    width: 500px;
    height: 500px;
    overflow: hidden;
}

DIV#loader.loading {
    background: url(spinner.gif) no-repeat center center;
}
</style>


<script type="text/javascript">
$(document).ready(function() {
    var image_names = new Array(2);
    image_names[0] = 'a.jpg';
    image_names[1] = 'b.jpg';
    var divs = document.getElementsByTagName("div");
    for ( var i = 0; i < divs.length; i++) {
        showImage(image_names[i], divs[i]);
    }
});

function showImage(src, div) {
    var img = new Image();
    $(img).load(function() {
        $(this).hide();
        $(div).removeClass('loading').append(this);
        $(this).fadeIn();
    }).error(function() {
        setTimeout(function() {
            $(img).attr('src', src);
        }, 2000);
    }).attr('src', src);
}
</script>

这是HTML正文

<body>
<h1>Image Loading</h1>
<div id="loader" class="loading"></div>
<div id="loader" class="loading"></div>
</body>

如果在页面首次加载时不存在，IE似乎不知道图像是否已生成

Answer 1

这是$(document).ready({})部分;即告诉我一个错误。将其更改为$(function(){});似乎对我至少在IE中起作用。

Answer 2

缓存导致了这个问题。将src更改为：

$(img).attr('src', src + "?" + (new Date().getTime()));

jQuery error（）函数在IE中不起作用

2 个答案: