Question

当我点击Bootstrap中的弹出式菜单时，打开它需要几秒钟，因为它内部的.pngs已满。我已经尝试过在这里使用.svgs了，但是它们一直都是噩梦。

在页面加载时加载这些.png文件的最佳方法是什么，以便弹出菜单的打开是即时的？我目前在页面底部有这个，这不会更快地点击弹出菜单加载。

<div style="display: hidden">
    <img src="img1">
    <img src="img2">
    ... etc ...
</div>

Answer 1

您可以在使用之前加载png文件。这可以通过javascript或在页面加载完成后使用jQuery完成，方法是为每个png创建一个img元素并设置src属性。

下载图像后，弹出窗口即可立即显示。