延迟的jquery脚本在所有其他脚本之后加载

问题描述 投票:0回答:1

在我,我有一些我推迟的js,因为这似乎是最好的做法。

如果它不是必须存在的任何东西,将它加载到头部并使JS延迟。

我的脚本是基本的Bootstrap东西:

    <script defer src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script defer src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <script defer src="/static/font-awesome-5/js/fontawesome-all.min.js"></script>

但是当我加载页面时,它正在加载jquery slim最后导致我们的其他一些页面出现问题,这些页面还有其他脚本(再次加载到头部,但是在jquery之后) - 它们使用jquery作为要求。

我甚至尝试将JS引入我们的静态文件夹(类似于我们在Font Awesome中所做的);但它仍然继续加载其他一切。

纠正这种情况的最佳方法是什么?

javascript jquery html html5
1个回答
1
投票

尽管所有的文档说它应该按照我的方式工作,但我最终只是将脚本移动到页面底部而不再使用defer属性

© www.soinside.com 2019 - 2024. All rights reserved.