我正在研究如何使用隐藏类和可见类隐藏 bootstrap 3 中的元素,但注意到虽然内容是隐藏的,但当我达到指定的屏幕尺寸时,浏览器仍然会下载它。
我在 Bootstrap 中没有发现任何可以阻止下载未显示内容的内容,并且希望有类似 Jquery Lazy Loader Library 的内容可以阻止下载图像以外的内容。
最佳答案
浏览器将始终下载您的 img
标记引用的图像,即使它们目前不可见。
如果这是一个问题,那么您只需在需要它们之前就不要渲染这些标签。
这可能远远超出了您的能力范围,但为了完整性,knockoutJS 库实际上通过 if
绑定(bind)使这变得简单:
<div data-bind="if: foo">
<img> <!-- not rendered unless foo is truthy -->
</div>
关于jquery - 停止下载不可见的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20591184/