Twitter Bootstrapドロップダウンは、Djangoテンプレートで動作しません
-
25-10-2019 - |
質問
事前に助けてくれてありがとう!
私の問題は、Twitter Bootstrapのドロップダウンメニュー(Navbarの場合)が私にとっては機能しないことであり、私は今非常に迷子になっています。私のヘッダーコード(そう、私は彼らの.jsを含めてそれを呼び出します):
<head>
<title>{% block title %}User test{% endblock %}</title>
<!--for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script><!--dropdown addon-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><!--jquery-->
<script type="text/javascript">
$(document).ready(function(){
$('.dropdown-toggle').dropdown();
});
</script>
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}style.css" /><!--link to my style.css-->
<link rel="stylesheet" type="text/css" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" /><!--link to bootstrap's css-->
ドロップダウンがあると思われるメニュー項目:
<ul class="nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
{% trans "Logged in" %}: {{ user.username }}
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="{% url auth_password_change %}">{% trans "Change password" %}</a></li>
<li><a href="{% url auth_logout %}">{% trans "Log out" %}</a></li>
</ul>
</li>
<li><a href="/upload/">{{ "Upload your CVS" }}</a></li>
<li><a href="/settings/">{% trans "Settings" %}</a></li>
</ul>
再度、感謝します、
Blargie-bla
解決
JSの順序を切り替えるので、JQueryが最初にロードされます。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><!--jquery-->
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script><!--dropdown addon-->
他のヒント
jQuery(1.7)の最後のバージョンを使用する必要があります
ジョンが言ったように、私は実際に線を変更する必要がありました。いくつかの魔法の理由で(まだ理由がわかりません!)、それは設定されていないブレークポイントで壊れていたため、jQueryはロードしていませんでした。ブラウザを再起動した後、機能しました。
所属していません StackOverflow