Bootstrap 2 ---> выпуск 3 navbar

Question

Bootstrap 2 ---> выпуск 3 navbar

0

У меня есть простой навигатор, который сильно рушится. Когда меню свернуто, я использую сценарий ниже, чтобы "автоматически скрыть" меню, когда я нажимаю элемент меню:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    $('.navbar-collapse.in').removeClass('.in').css('height', '0');                     
});

Это отлично работало в BS2, но теперь меню больше не закрывается, и я должен дважды щелкнуть по кнопке переключения, чтобы снова открыть его. Это может быть немного трудно заметить разницу, но посмотрите на нижнюю часть второго изображения.

Меню перед закрытием:

http://i.stack.imgur.com/tXeb8.png

Меню после закрытия:

http://i.stack.imgur.com/C1ZSu.png

HTML:

<nav class="navbar navbar-default" role="navigation">
    <div class="navbar-header">
        <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>
    </div>

    <div class="collapse navbar-collapse">
        <ul id="myTab" class="nav navbar-nav">
            <li class="active"><a href="#tab1" data-toggle="tab">Tab1</a></li>
            <li><a href="#tab2" data-toggle="tab">Tab2</a></li>
            <li><a href="#tab3" data-toggle="tab">Tab3</a></li>
            <li><a href="#tab4" data-toggle="tab">Tab4</a></li>
            <li><a href="#tab5" data-toggle="tab">Tab5</a></li>
            <li><a href="#tab6" data-toggle="tab">Tab6</a></li>
            <li><a href="#tab7" data-toggle="tab">Tab7</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#tab8" data-toggle="tab">Tab8</a></li>
        </ul>
    </div>
</nav>

Magnecyl 04 окт. 2013, в 10:52

Источник

0

Можете ли вы сформулировать вопрос немного точнее?
meilke 04 окт. 2013, в 08:31
0

Когда я открываю свернутую панель навигации и нажимаю на вкладки, панель навигации закрывается с помощью приведенного выше сценария. Но тогда это не совсем близко, как видно на рисунке 2. Ты со мной?
Magnecyl 04 окт. 2013, в 08:45
0

Я тестирую в Windows 8 и последний хром, чтобы быть конкретным =)
Magnecyl 04 окт. 2013, в 08:59

Показать ещё 1 комментарий

Теги:

jquery

html

css

twitter-bootstrap-3

1 ответ

Ещё вопросы

Можете ли вы сформулировать вопрос немного точнее?
Когда я открываю свернутую панель навигации и нажимаю на вкладки, панель навигации закрывается с помощью приведенного выше сценария. Но тогда это не совсем близко, как видно на рисунке 2. Ты со мной?
Я тестирую в Windows 8 и последний хром, чтобы быть конкретным =)

Bass Jobsen · Answer 1 · 2013-10-04T06-33-00.000Z

пытаться:

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
       $('.navbar-collapse').collapse('toggle');                    
});