Question

我正在为客户端使用这个糟糕的API。它将HTML / JS打包到iPad应用程序。

我使用的是iScroll，但它干扰了内置的滚动机制。他们提供了一些代码来禁用它们的滚动，但只有在加载了所有其他脚本后加载它才会起作用（所以API说）。

我的代码结构

<head> 
  <script src="scripts1.js"></script>
  <script src="scripts2.js"></script>
  <script src="scripts3.js"></script>
</head>

<body>
  <script>
  //some page specific code
  </script>
</body>

我使用的是一些jQuery，但他们的API是纯JavaScript。我如何在最后执行他们的代码？我试着把它放在页面的末尾，但那不起作用。不确定使用超时是否合适？

Answer 1

您可以使用JQuery.getScript并在success函数中获取其他脚本。看起来应该是这样的：

 $.getScript('scriptss1.js', function() {
      $.getScript('scriptss2.js', function() {
            $.getScript('scripts3.js', function() {
           });
     });
 });

Answer 2

你签出了require.js吗？

Answer 3

另一种选择是添加延迟属性

<script src="scripts1.js" defer="defer"></script>
<script src="scripts2.js" defer="defer"></script>
<script src="scripts3.js" defer="defer"></script>

请参阅http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#attr-script-defer

最后加载一块脚本

3 个答案: