这是我的模板部分,从 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 %}
但我似乎无法让下拉菜单正常工作,尽管它在在线模拟器中工作正常..
感谢您的见解!
最佳答案
您需要将 jquery
js 文件放置在所有其他 js 文件之前。像这样的东西(注意按顺序切换):
<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
关于jquery 无法从 CDN 与 django 模板一起工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17433235/