2

这是我的模板部分，从 CDN 加载 jquery：

<head>
    {% load staticfiles %}


    <title>My Schedule</title>
    <link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet">
    <script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
    <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>

</head>

<body>
    {% if user.is_authenticated %}
        <div class="btn-group">
            <a href="#" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" style="margin: 3px;">
                {{ user.username }}
                <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
                <li><a href="#">Action1</a></li>
            </ul>
        </div>
    {% endif %}

但是我似乎无法让下拉菜单正常工作，尽管它在在线模拟器中运行良好..

感谢您的任何见解！

4

3 回答 3

5

您需要将jqueryjs 文件放在所有其他 js 文件之前。像这样的东西（注意按顺序切换）：

<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
于 2013-07-02T18:38:29.920 回答
0

为了让我的工作，我将静态文件的引用直接放在 doctype 声明的下方。

<!DOCTYPE html>

{% load static %}

当我在脚本 src 中列出它时，我还删除了 url 的 http 部分。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" ></script>

显然，删除 http 可确保该参考适用于 http 和 https

于 2014-11-20T22:38:45.107 回答
0

cdn不应该是这个吗

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"</script>

另外，把它放在所有的js文件之前

于 2013-07-02T19:04:35.407 回答