jquery - 使用 IE9 和 jQuery 处理动态图像错误

Question

我有一些动态加载图像控件的 asp.net 代码。它的工作原理是将图像放入隐藏变量中，然后通过 jquery 设置 url。它工作正常，除了在 IE9 中总是发生错误，但我无法确定错误是什么。我应该查看“err”的什么属性来获取错误，有没有更好的方法来做到这一点？

<div id="DivFS" class="thumbnailDiv">
    <asp:Image ID="thumbFS" runat="server" CssClass="thumbImage" />
</div>


<script type="text/javascript">
    $(document).ready(function () {
        $('#thumbFS').error(function (err) {
        });
     $('#thumbFS').attr("src", $('#DocumentFS').val());
    });
</script>

<asp:HiddenField ID="DocumentFS" runat="server" />


protected void Page_Load(object sender, EventArgs e)
    {
        this.DocumentFS.Value = this.GetUrl(......, UrlType.Thumbnail);
    }

Answer 1

我通过将图像默认设置为不可见并在加载时打开它们的可见性来解决这个问题，而不是相反（使它们可见，然后在发生错误时将它们变为不可见）。错误事件在 IE9 中被证明是不可靠的，尤其是在按下 CTRL-F5 时。