jquery - 停止下载不可见的内容

标签 jquery css twitter-bootstrap

我正在研究如何使用隐藏类和可见类隐藏 bootstrap 3 中的元素,但注意到虽然内容是隐藏的,但当我达到指定的屏幕尺寸时,浏览器仍然会下载它。

Code

我在 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/

相关文章:

angularjs - Angular ui.bootstrap 不工作

javascript - 在javascript中动态获取php数组

php - Codeigniter 中的分页 ajax,从数据库加载数据 otomatis

javascript - 数据角色 ="page"打不开,为什么? (使用 PHP 和 JQuery 自动生成链接)

jquery - 如何使用 jQuery 确定 DIV 顶部是否在屏幕 View 内?

twitter-bootstrap - 带下划线的 Bootstrap Pills

html - 如何设置页面上最后一个 Angular 组件的样式?

html - 使用 yeoman/grunt 部署的站点显示神秘的黑匣子

css - sass 将导入转换为导入 url

css - 使用 bootstrap gem 时包含特定的 Bootstrap less 文件