android混合应用中的javascript延迟加载

Question

我的代码是html页面的头部分。

<script type="text/javascript" src="js/head.load.min.js"></script>
<script type="text/javascript">
    head.js("js/jquery.js","docs/_assets/js/jqm-docs.js","js/jquery.mobile-  1.1.1.js",function(){alert('scripts have been loaded')});
</script>

我的javascript文件以及css和html文件都在android project.What的assests文件夹中，我试图从assests文件夹异步加载javascript文件，以便在网页视图中快速呈现html页面。但这似乎不工作，因为它没有加载的javascript files.what可以的原因?？

顺便说一句，我正在使用异步load..here的headjs javascript库是站点参考http://headjs.com/

Answer 1

您是否看过任何异步加载程序，例如requireJS

问题是您试图实现什么，因为从您的代码中我可以看到您正在加载Jquery Mobile，它增强了页面上的大多数元素。因此，在JQM完成加载和初始化之前，我不想向用户显示任何内容，因为他会看到"pre-JQM-enhanced“内容。

因此，可以将js文件放入head部分，如下所示：

<script type="text/javascript" src="jquery"></script>
<script type="text/javascript" src="jqm-docs"></script>
<script type="text/javascript" src="jqm"></script>

这将直接加载它们(而不是异步)，并仅在一切运行时显示内容，或使用异步加载程序。然而，这不会改变最终结果，因为您的页面似乎至少需要jquery和jqm，所以您无法在没有加载它们的情况下“启动”您的应用程序。

当使用异步加载器时，你必须记住，js文件是如何相互依赖的。Jquery Mobile需要Jquery，所以在加载Jquery之前，最好不要初始化Jquery Mobile。