jquery – Twitter Bootstrap 2:Navbar子菜单链接不起作用

前端之家收集整理的这篇文章主要介绍了jquery – Twitter Bootstrap 2:Navbar子菜单链接不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
更新到Twitter Bootstrap 2.0(很棒)后,子菜单中的导航链接不起作用.

jQuery是1.7.1. Dropdown实际上是有效的,并且标记是正确的(根据文档):

<!-- 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();

我不知道还能做什么或检查.任何提示

解决方法

标记不正确(至少,不完全) – 问题是包含< li>内的data-toggle =“dropdown”的声明.元件.它应该在该列表元素的第一个子元素中.

为了使其工作,只需从列表元素中删除data-toggle =“dropdown”属性即可完成.

原文链接:https://www.f2er.com/jquery/178487.html

猜你在找的jQuery相关文章