在我身上我有一些我推迟的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 last ,这会导致我们的其他一些页面出现问题,这些页面还有其他脚本(再次加载到头部,但是在jquery之后) - 使用jquery作为要求。
我甚至尝试将JS引入我们的静态文件夹(类似于我们对Font Awesome所做的事情);但是在其他一切之后它仍然会继续加载。
纠正这种情况的最佳方法是什么?
答案 0 :(得分:1)
尽管所有的文档都说应该以这种方式工作,但我最终只是将脚本移动到页面底部而不再使用{{1属性