javascript - 动态源属性更新在铬中不起作用

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

这个小提琴在 Chrome 21.0.1180.79 中对我有用。

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

您可能还想阅读prop() 与 attr()的对比。