Javascript 在 onReady 之后加载外部框架

标签 javascript jquery html css

通常,您在 HTML 源代码的 head 元素中拥有所有框架(脚本和 css),并在渲染页面时加载它们。 例如。我想加载 jQuery 和 boostrap 它看起来像这样:

<html>
  <head>
    <script src="jquery.min.js"></script>
    <script src="bootstrap.min.js"></script>
    <link href="jquery.min.css"\>
    <link href="bootstrap.min.css"\>
  </head>
</html>

但是想象一下这样一种情况,您从一开始就只加载了 jQuery,并且您想要执行一个操作,例如单击按钮,并且需要一些框架功能,例如 bootstrap 提供的功能,它们需要在单击后立即加载。

据我所知,这并不像听起来那么容易,因为需要在已渲染一侧后加载的框架需要执行 OnReady 调用。有什么简单的方法可以做到这一点吗?

亲切的问候, 马吕斯

最佳答案

“想象这样一种情况,你从一开始就只加载了 jQuery,你想要执行一个 Action ,比如点击一个按钮,并且需要一些框架功能,比如 bootstrap 提供的功能,它们需要在点击后立即加载。 "

您描述的是 lazy loading依赖项。

RequireJS做得很好。

关于Javascript 在 onReady 之后加载外部框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43207395/

相关文章:

javascript - 循环并将对象插入数组

javascript - 有没有办法知道溢出: hidden?时div的内容是否处于 "clipped"状态

html - CSS Position - 如何制作动画框?

jquery - 在可滚动的 div 中垂直滚动绝对定位的表头 (th)

javascript - 在边界内滚动div

javascript - 将 eval() 转换为 JSON.parse

javascript - AngularJS - 递归指令不起作用(无限循环)

javascript - jQuery - 检查所选行是否是表格中最后可见的行

javascript - 同位素 - 砌体 jquery 过滤

javascript - 为什么 onsubmit 不起作用,如果我在控制台中调用它运行的函数?