javascript - IE 不显示在 Javascript 中完成的更新的 IMG SRC 更改

Question

问题:IE 版本 7 和 8 不显示在 JavaScript 中完成的更新的 IMG SRC 更改

如果您转到下面的 URL，您会明白我的意思，在左侧 (3) I want a different liner，您选择其中一个色板；假设您选择“Asahi Chartreuse”。请注意左侧的预览没有任何变化。但是如果你继续选择另一个样本，你会看到左边的预览显示 Asahi Chartreuse。所以它落后了。这就是为什么我认为这是一个“刷新”问题。它在 Chrome 中工作得很好。

在 IE 中:请注意，如果您单击其他控件，则会发生刷新。

您可以在此处查看代码:https://www.casemodo.com/test.asp

到目前为止我尝试了什么:

我试过添加 header 来表示“无缓存”。

我试过添加“？”和 png 文件名后的随机数。

我尝试在更改 src 后将 focus() 设置到图像。

我试过，在更改 src 后，告诉 style.display 隐藏然后可见。

我试过在页面上创建一个隐藏(而不是隐藏)的文本输入框，然后在更改 img src 后将 focus() 设置到它。

我试过设置 window.focus()。

我已经尝试(如您现在所见)在更改 src 后设置警报。

猜测:现在看起来是 JavaScript 引擎在我设置 src 后暂停，直到您手动单击(焦点)屏幕上的其他地方。所以它甚至都无法访问我在上面尝试过的所有这些脚本。

Answer 1

将 src 属性设置为 null，然后将其设置为您的新 url:

在 jquery 中:

var myImg = $('#myImg');
myImg.attr('src', null);
myImg.attr('src', newUrl);

在直接 js 中:

var myImg = document.getElementById('myImg');
myImg.src = null;
myImg.src = newUrl

这对我有用 - 它让我发疯!