通常,您在 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/