通过对象加载的 SVG 全部混乱

Question

所以这是一个有趣的。我做了一个测试，使用clown car technique 通过对象标签加载的 svg 显示响应式图像，因为我真的很喜欢这种方法。

现在一切正常，除了当您在一个页面上有几个正常激活缓存的情况下，您离开站点转到互联网中的其他任何地方，然后按后退按钮 - 突然所有图像都混合在一起up，即使代码仍然正确，即：

对象 1 加载显示来自对象 3 的图像的 svg 对象 3 加载显示来自对象 5 的图像的 svg 等等

完全随机，我无法解释这是怎么发生的。只有当我通过浏览器（chrome）的返回命令返回页面时才会发生这种情况。

有没有人经历过这样的事情？

我想我现在会坚持使用旧的正常图像......

Answer 1

刚刚遇到了同样的错误。还有so did Google！

我想我们将不得不使用内联 SVG，因为我不可能通过 <img> 标签加载。

如果您只有一个单页应用程序，您可以将target="_blank" 添加到您的<a> 标签中，以确保后退按钮的作用要小得多。