Bootstrap进度条指示器挂起

时间:2017-01-17 02:54:23

标签: html debugging loading

我是网络开发的新手,我正在使用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>

该网站的功能和格式看起来很好 - 这让我觉得脚本正确加载,但只有一小部分阻碍了进度条。

编辑1:

我大大简化了代码。当我从我的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文件都存在 - 所以我不确定是什么让进度条挂起。

0 个答案:

没有答案