Twitter Bootstrap 2下拉菜单不起作用

Question

Twitter Bootstrap 2下拉菜单不起作用

mxp*_*xpv 3 css django twitter-bootstrap

美好的一天!我正在尝试从我的网站上的示例实现下拉菜单.但它不起作用(下拉菜单根本没有显示).我包含了所有必需的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>

Run Code Online (Sandbox Code Playgroud)

非常感谢.

Answer 1

mxp*_*xpv 9

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

丢失的代码位是:

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，6 月前
查看次数：	24457 次
最近记录：	11 年，4 月前