環境：
Python3.7
Django3.0
pycharm2019.3
源代碼是這么寫的
1 <html lang="en"> 2 <head> 3 <meta charset="UTF-8"> 4 <title>Title</title> 5 </head> 6 <body> 7 <h1>學生信息列表</h1> 8 <button id="btn">顯示學生信息</button> 9 <script type="text/javascript" 10 src="/static/myApp/js/sunck.js"></script> 11 </body> 12 </html>
但是現實錯誤：Uncaught ReferenceError: $ is not defined
原因：JS包沒導入，在頁面導入JS文件時，jQuery包要保證放在其余JS文件上方。
導入jQuery包后修改如下：
1 <html lang="en"> 2 <head> 3 <meta charset="UTF-8"> 4 <title>Title</title> 5 </head> 6 <body> 7 <h1>學生信息列表</h1> 8 <button id="btn">顯示學生信息</button> 9 <script src="/static/myApp/js/jquery-3.1.1.min.js"></script> 10 <script type="text/javascript" 11 src="/static/myApp/js/sunck.js"></script> 12 </body> 13 </html>
