gpt4 book ai didi

css - Twitter Bootstrap 2 下拉菜单不起作用

转载 作者:行者123 更新时间:2023-11-28 09:01:39 24 4
gpt4 key购买 nike

美好的一天!我正在尝试从我网站上的示例中实现下拉菜单。但它不起作用(下拉菜单根本不显示)。我包含了所有必要的 js 和 css 文件,标记与文档中的相同。

你能看出我做错了什么吗?

<link type="text/css" href="{{ STATIC_URL }}css/bootstrap.css" rel="stylesheet">

<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="{{ STATIC_URL }}js/bootstrap.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/bootstrap-dropdown.js"></script>

...

<body>
<div class="navbar .navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="/">
Brand
</a>

<ul class="nav">
<li class="dropdown">
<a href="#fat-menu" class="dropdown-toggle" data-toggle="dropdown">
Аккаунт
<b class="caret"></b>
</a>
<ul class="dropdown-menu" id="fat-menu">
<li><a>SubLink</a></li>
<li class="divider"></li>
<li><a>SubLink</a></li>
</ul>
</li>
</ul>

...


</div>
</div>
</div>

非常感谢。

最佳答案

问题是在 html 文件中缺少 js block ,这是特定功能所必需的。

缺少的代码位是:

$('.dropdown-toggle').dropdown()

关于css - Twitter Bootstrap 2 下拉菜单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9334205/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com