我是网络开发的新手,我正在使用Bootstrap进度条指示器来确定网站上的内容是否已正确加载。但是,我陷入了进度条不会消失的境地 - 我无法弄清楚我的生活是什么让它挂起。
如何确定未正确加载并使进度条挂起的内容?我正在使用Firefox进行开发,以及GeoDjango框架。我正在使用静态文件加载库...例如:
对于CSS:
<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
对于JS:
<script type="text/javascript" src="/static/lib/bootstrap-3.0.1.min.js"></script>
该网站的功能和格式看起来很好 - 这让我觉得脚本正确加载,但只有一小部分阻碍了进度条。
我大大简化了代码。当我从我的Django框架运行它时,即python manage.py runserver
,进度条会挂起并且不会消失。
<!DOCTYPE html>
<html>
<head>
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap-3.0.1.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/customCSS.css' %}">
</head>
<body>
<div id="loading" style="display: block;">
<div class="loading-indicator">
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-info" style="width: 100%"></div>
</div>
</div>
</div>
</body>
</html>
bootstrap-3.0.1.min.css和customCSS.css文件都存在 - 所以我不确定是什么让进度条挂起。