在使用flask_Bootstrap的时候先加载了jquery-ui然后再加载jQuery,导致jQuery-ui无法使用。
我原先把
<script src="../static/js/jquery-3.4.0.min.js"></script>
<script src="../static/js/jquery-ui.min.js"></script>
<link type="text/css" href="../static/css/jquery-ui.min.css" rel="stylesheet">
这些放在{%block page-content%}里。结果一直无法加载jQuery-ui,我以为是加载格式的问题,换了绝对路径,url_for等等。都无法解决。google了很久也没找到相关解决方案,最终在Stack Overflow上看到一篇回答和我的情况完全一致。
https://stackoverflow.com/questions/29877610/load-jquery-before-jquery-ui-when-using-flask-bootstrap
只要把这些js加载语句放进{%block scripts%}里就不会出现这种情况了。具体分析先看上面链接。