jQuery交换图像没有加载

我正在尝试使用jQuery .attr从“Images / origImage”的原始图像源位置到“Images / newImage”的新图像源位置来交换图像以交换div类的click事件。

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

这是内容页面标记

在主页面中我有：

  $("div.xxx").click(function(){ $('.changesrc').attr("src", "Images/newImage"); });

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

我已经使用background样式实现了类似的东西，我想知道这是否会帮助你。我明确地拆分了img变量：

  $("div.xxx").click(function(){ var img = 'path/toNew.jpg'; $('.changesrc').attr('style', 'background: url(' + img + '); ') });

这应该适用于大多数浏览器。您是否使用过Firebug或类似内容来查看浏览器是否正在尝试下载新图像？也许URL有问题（错误的位置，不是URL编码等）……