Twitter Bootstrap 2：导航栏子菜单链接不起作用

【问题标题】：Twitter Bootstrap 2: Navbar submenu links do not workTwitter Bootstrap 2：导航栏子菜单链接不起作用
【发布时间】：2012-02-09 15:13:49
【问题描述】：

更新到 Twitter Bootstrap 2.0（太棒了）后，导航链接 inside 子菜单不起作用。

jQuery 是 1.7.1。 Dropdowns 确实有效，并且标记是正确的（根据文档）：

<!-- start navbar -->
<div class="navbar navbar-fixed-top" id="navbar">

    <!-- start navbar-inner -->
    <div class="navbar-inner">

        <!-- start container-fluid -->
        <div class="container-fluid">

            <?php echo anchor('home', 'SCAA', array('class' => 'brand')); ?>

            <ul class="nav">

                <li class="dropdown" data-toggle="dropdown">
                    <?php echo anchor('#', 'Inscripciones <span class="caret"></span>', array('class' => 'dropdown-toggle', 'data-toggle' => 'dropdown')); ?>

                        <ul class="dropdown-menu">
                            <li><?php echo anchor('inscriptions/add', 'Nueva Inscripción'); ?></li>
                            <li class="divider"></li>
                            <li><?php echo anchor('inscriptions', 'Mostrar Todas'); ?></li>
                        </ul>

                </li>
            </ul>
            <!-- end nav -->

        </div>
        <!-- end container-fluid -->

    </div>
    <!-- end navbar-inner -->

</div>
<!-- end navbar -->

注意：我正在使用 Codeigniter 生成链接，但使用普通标签也不起作用。

插件正在正确加载。

我用jQuery('.dropdown-toggle').dropdown(); 调用下拉列表

我不知道还能做什么或检查。有什么提示吗？

【问题讨论】：

• 你下载并加载了 bootstrap.js 吗？通常，我认为您不必显式调用 jQuery('.dropdown-toggle').dropdown()。只需放置 data-toggle="dropdown" （就像你已经拥有的那样）就足够了
• JavaScript 不是问题。通过进一步分析，我注意到data-toggle="dropdown" 正在搞乱链接，因为它也在
• 元素中声明
。 data-toggle="dropdown" 只能在 <a> 标记内声明在 <li class="dropdown"> 之后。