Next.js/Rect-先加载一个脚本,然后再加载另一个脚本



我在页面的头部有以下内容来加载两个脚本:

<Head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="/static/js/myscript.min.js" type="text/javascript"></script>
</Head>

我希望脚本的加载顺序严格,因为myscript.min.js使用jQuery。

不过,我得到的是,第一次加载页面时,执行myscript.min.js时仍然没有加载jQuery,因为jQuery要大得多。所以我得到的是jQuery是未定义的。

如何强制jQuery先加载?

尝试将defer属性添加到脚本中。具有defer属性的脚本将按照它们在文档中出现的顺序执行。

<Head>
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script defer src="/static/js/myscript.min.js" type="text/javascript"></script>
</Head>

MDN链路

最新更新