Question

我有一个包含各种JS导入的HTML页面。我导入了JQuery，然后是我自己的自定义脚本，我想在其中使用JQuery库，尽管我没有定义＆＃39; $未定义＆＃39;异常。

我想我首先加载JQuery，我应该能够在我的外部脚本中引用它？

这是RequireJS会解决的问题吗？

baseTemplate.html

<body>
  <template id="navbar"></template>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
  <script src="navbarTemplate.js"></script>
</body>

navbarTemplate.js

function isTemplateElementSupported() {
    return 'content' in document.createElement('template');
}

if (isTemplateElementSupported()) {
    $('#navbar').append("<table><tr><td><b>some test</b></td></tr></table>");

} else {
    alert('Please update browser!');
}

Answer 1

尝试使用“延迟”选项来正确加载javascripts的序列。

<body>
  <template id="navbar"></template>
  <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
  <script defer src="navbarTemplate.js"></script>
</body>

首次加载时，JQuery库在另一个脚本中不可用

1 个答案: