jQuery 交换图像未加载

我正在尝试使用 jQuery .attr 将图像从“Images/origImage”的原始图像源位置交换到“Images/newImage”的新图像源位置

当我单击 div 时，如果右键单击图像并查看地址（URL）属性，图像 Url 属性会发生变化，我会看到新的图像 URL，但在浏览器中图像不会加载 - 我看到带有红色的白色框叉。我的 jQuery 代码位于 ASP.NET 母版页中，div 和图像标记位于内容页中。

这是内容页面标记

 <div class="xxx">
   <img src="Images/origImage" class="changesrc" />
 </div>

在母版页标题中我有：

<script language="javascript" type="text/javascript">
    $("div.xxx").click(function(){  
      $('.changesrc').attr("src", "Images/newImage");
    });
</script>

任何人都可以帮助我如何实现交换图像并将其加载到浏览器中。我尝试预加载新图像，但这似乎不起作用。

这应该适用于大多数浏览器。您是否使用 Firebug 或类似的工具来查看浏览器是否正在尝试下载新图像？也许 URL 有问题（位置错误、未进行 URL 编码等）...