我有一个包含各种 JS 导入的 HTML 页面。 我正在导入 JQuery,然后是我自己的自定义脚本,我想在其中使用 JQuery 库,但出现“$ 未定义”异常。
我认为我首先加载 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!');
}
最佳答案
尝试使用“延迟”选项来正确加载您的 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>
关于javascript - 第一次加载时,JQuery 库在另一个脚本中不可用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39270911/