Javascript 当我在Django博客应用程序中滚动时,google chrome似乎结巴了

Javascript 当我在Django博客应用程序中滚动时,google chrome似乎结巴了,javascript,jquery,django,google-chrome,Javascript,Jquery,Django,Google Chrome,当我在Django应用程序中向上或向下滚动时,Google chrome似乎会结巴,但safari或firefox滚动很好。我认为这是因为我使用cdn进行引导,jquery。只是想知道这是否是一个常见的问题,是否有一个共同的解决方案,感谢在广告万斯。 这是我的base.html {% load staticfiles %} <!--doctype html --> <html> <head> <title> {%

当我在Django应用程序中向上或向下滚动时,Google chrome似乎会结巴,但safari或firefox滚动很好。我认为这是因为我使用cdn进行引导,jquery。只是想知道这是否是一个常见的问题,是否有一个共同的解决方案,感谢在广告万斯。 这是我的base.html

    {% load staticfiles %}
<!--doctype html -->
<html>

    <head>
        <title> {% block head_title %} try django 1.9 {% endblock head_title %}</title>

        <style>
            {% block style %}
            {% endblock style %}
        </style>

            <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
              integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

        <!-- Optional theme -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css"
              integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

        <link rel="stylesheet" href='{% static "posts/css/base.css" %}'/>
    </head>

    <body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="{% url 'posts:list'  %}">HiSPANIC HEiGHTS</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">


          <form method="GET" action="{% url 'posts:search' %}"  class="navbar-form navbar-right">
            <div class="input-group">{% csrf_token %}
              <input type="text" name="q" id="search" placeholder="search" value="{{ request.GET.q }}" class="form-control"
              style="width: 350px">




              <ul id="search-results">

              </ul>

            <span class="input-group-btn">
            <button type="submit" class="btn btn-primary"><span style="font-size:1.4em" class="glyphicon glyphicon-search"></span> </button>
            </span>
            </div>
          </form>

          <ul class="nav navbar-nav">
            <li><a href="{% url 'posts:list'  %}">Home</a></li>
            <!--<li><a href="#">Sewp</a></li>-->
            {% if user.is_authenticated %}
            <li><a href="{% url 'admin:index' %}">Admin</a></li>
            <li><a href="{% url 'posts:create' %}">Create</a></li>
            {% endif %}

          </ul>
        </div><!--/.nav-collapse -->
      </div>
</nav>



        {% include "includes/messages_display.html" %}

        <div class="container" style="margin-top: 66px">
            {% block jumbotron %}{% endblock jumbotron %}



            {% block content %}{% endblock content %}
        </div>



        <footer>



        </footer>


        <!-- Latest compiled and minified JavaScript put in includes-->
        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
        integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
                crossorigin="anonymous">
        </script>

        <script src="{% static 'posts/js/jquery.bootstrap-autohidingnavbar.js' %}"></script>

        <script>
            $("nav.navbar-fixed-top").autoHidingNavbar();
        </script>


    </body>

</html>
{%load staticfiles%}
{%block head_title%}试试django 1.9{%endblock head_title%}
{%块样式%}
{%endblock style%}
切换导航
{%csrf_令牌%}
  • {%if user.u经过身份验证%}
  • {%endif%}
{%include“includes/messages_display.html”%} {%block jumbotron%}{%endblock jumbotron%} {%block content%}{%endblock content%} $(“nav.navbar固定顶部”).autoHidingNavbar();

正如我所说,firefox和safari都可以工作,但chrome似乎有点结巴。欢迎提供任何帮助

使用DevTools打开页面,检查jserrors@AviahLaor我看到的错误是加载资源失败:服务器以404(未找到)状态响应,尝试修复该资源