我正在构建一个滑块。有一组幻灯片，我将其用作内容源，每次幻灯片更改时，此内容都会附加到过渡包装器中。转换完成后，转换包装器将从 DOM 中删除。当我向滑块添加全新的内容（图像）并第一次在 Chrome 中打开它时，该图像当然不在 Chrome 的缓存中。当我将转换包装器（带有这个新图像）附加到 DOM 时，问题就出现了。Chrome有时（有时不是）发送请求以获取该图像并收到 304 响应。对于同一张图片，它甚至使这个请求增加了 3 倍。但它只有在第一次加载带有新图像的滑块时才会发生。刷新后，Chrome 会从其缓存中获取那些“新”图像，并且滑块可以完美运行。其他浏览器正常。
顺便说一句：我也使用 imagesLoaded 插件，但图像预加载似乎对这个问题没有任何影响。
我知道有更好的方法来创建图像滑块 - 使用图像作为背景图像等。但是我的内容源 => 转换包装器是我用来创建响应式/非唯一图像/CSS3 滑块的方式。
我很快就会发布这个插件，所以我真的很想快速解决这个问题。