0

我想显示两张我不知道它们何时生成的图像。所以我想使用 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似乎不知道图像是生成的

4

2 回答 2

0

缓存导致了问题。将源代码更改为：

$(img).attr('src', src + "?" + (new Date().getTime()));
于 2012-07-23T15:28:28.597 回答
0

这是$(document).ready({})一部分；对我来说，在 ie 中引发错误。$(function(){}); 至少在 IE 中将其更改为似乎对我有用。

于 2012-07-23T00:37:28.930 回答