动态源属性更新不适用于chrome

Question

我有一个脚本，其中与问题相关的部分是：

<script type="text/javascript">
    function imageOnClick() {
        var image = $("#image_id");
        $(image).attr("src", "ajax-loader.gif");
        $.ajax({
            // do staffs
            complete: function () {
                $(image).attr("src", "default.gif");   // ***     
            }
        });
    }
</script>

在Firefox和IE-8中一切正常。但是，在GoogleChrom（21.0.1180.83）中显示加载图像，然后调用complete，图像源会更改，但不会显示。我已检查图像元素的src属性是否按预期更改为default.gif，但图像空间留空。

这是一个普通的问题吗？或者我必须重新检查大imageOnClick函数？

Answer 1

This小提琴在Chrome 21.0.1180.79中适合我。

我不确定你为什么遇到问题，但额外选择的图像对象至少是多余的。 var image = $("#image_id");给出了一个jQuery对象（或它们的数组）。稍后执行$(image)将为您提供完全相同的对象。

您可能还想阅读prop() vs. attr()。