Twitter Bootstrap 2: ссылки подменю Navbar не работают - PullRequest
Новая
       32

Twitter Bootstrap 2: ссылки подменю Navbar не работают

8 голосов
/ 09 февраля 2012

После обновления до Twitter Bootstrap 2.0 (что удивительно) навигационные ссылки внутри подменю не работают.

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 для генерации ссылок, но с простыми тегами isn 'либо не работает.

Плагины загружаются правильно.

Я звоню в выпадающие списки с jQuery('.dropdown-toggle').dropdown();

Я не знаю, что еще сделать или проверить,Есть намеки?

1 Ответ

7 голосов
/ 12 февраля 2012

Разметка неверна (по крайней мере, не полностью) - проблема заключалась в объявлении data-toggle = "dropdown" внутри содержащего <li> элемента. Он должен быть в 1-м дочернем элементе этого списка.

Чтобы все заработало, просто удалите атрибут data-toggle="dropdown" из элемента списка, и все будет сделано.

...