个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
使用这个模板 https://github.com/secondtruth/startmin现场工作演示在这里: http://secondtruth.github.io/startmin
当在 Web 浏览器中本地打开该文件时，该文件可以完美运行，但是当我使用 Flask 启动它时，它不会加载用于下拉菜单的 Java 脚本。静态文件夹中的所有 css 和 js 文件加载 200OK
通过 flask 访问时打印出 Fire fox 控制台。
Error: Graph container element not found morris.min.js:6:1340
这是我的文件:主页.html
<title>Startmin - Bootstrap Admin Theme</title>
<!-- Bootstrap Core CSS -->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<!-- MetisMenu CSS -->
<link href="/static/css/metisMenu.min.css" rel="stylesheet">
<!-- Timeline CSS -->
<link href="/static/css/timeline.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="/static/css/startmin.css" rel="stylesheet">
<!-- Morris Charts CSS -->
<link href="/static/css/morris.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
{% include 'includes/_navbar.html' %}
{% include 'includes/_sidebar.html' %}
<div class="starter-template">
{% include 'includes/_messages.html' %}
{% block body %}{% endblock %}
</div>
<!-- /#footer -->
{% include 'includes/_footer.html' %}
<!-- /#footer -->
<!-- /#wrapper -->
<!-- jQuery -->
<script src="/static/js/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="/static/js/bootstrap.min.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="/static/js/metisMenu.min.js"></script>
<!-- Morris Charts JavaScript -->
<script src="/static/js/raphael.min.js"></script>
<script src="/static/js/morris.min.js"></script>
<script src="/static/js/morris-data.js"></script>
<!-- Custom Theme JavaScript -->
<script src="/static/js/startmin.js"></script>
</body> </html>
最佳答案
when i start it with flask it doesn't load the java script for drop down menus
那是因为您没有加载在 Bootstrap 4 中弹出或下拉的所有内容所需的 popper.js。
谈到 Bootstrap 4，您链接到的模板(即现场演示)使用的是 Bootstrap v3.3.2，它超越了 Bootstrap 的恐龙时代版本。当前的 Bootstrap 3 版本是 Bootstrap v3.3.7，总的来说，Bootstrap 3 与 Bootstrap 4 完全不兼容。(它们的区别就像卡车与跑车的区别一样)
关于jquery - javascript 没有在 flask 中加载管理模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48591278/
27
4
0
我是一名优秀的程序员,十分优秀！