скрытые вкладки из бутстрапа

У меня есть три вкладки, определенные в моем html. Я использую вкладки из bootstrap.cssскрытые вкладки из бутстрапа

<ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;"> 
        <li><a href="#product" data-toggle="tab" >Product</a></li> 
        <li><a href="#version" data-toggle="tab">Version</a></li> 
        <li><a href="#language" data-toggle="tab">Language</a></li> 

    </ul>

Я пытаюсь скрыть вкладки на одном из события нажатия кнопки. Я могу получить только последнюю вкладку, чтобы скрыть, как это ниже

$('#myTab a:last').hide();

Но я также хочу, чтобы скрыть вторую вкладку под названием версии, но не могу скрыть. Я попытался ниже код

$('#myTab a:second').hide();

Но не работаю и выдает сообщение об ошибке, как «неперехваченная Ошибка: ошибка синтаксиса, непризнанное выражение: неподдерживаемых псевдо: второй»

Как я должен идти об этом? Я не могу найти много информации по этой ссылке here

источник

2013-02-18 DevelopmentIsMyPassion

Используйте как этот $('#myTab li:eq(1) a').tab('show');

  $('#myTab a[href="#profile"]').tab('show'); // Select tab by name`

источник

2013-02-18 13:38:19 Shail

Нету не работает. Я тоже пробовал это раньше, но дает ошибку, например «Uncaught TypeError: Object [object Object] не имеет метода« hide »» – DevelopmentIsMyPassion

show wat javascript, который вы пытаетесь использовать для одного и того же – Shail

, не понял, что вы имеете в виду? Какой код javascript вы хотите увидеть. Я просто вызываю код, который я упомянул в своем вопросе, нажав кнопку мыши на кнопку. Я могу скрыть последнюю вкладку, но не могу скрыть вторую вкладку – DevelopmentIsMyPassion

бы это не делать работу за вас?

<ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;"> 
    <li><a href="#product" data-toggle="tab" >Product</a></li> 
    <li class="hideme"><a href="#version" data-toggle="tab">Version</a></li> 
    <li class="hideme"><a href="#language" data-toggle="tab">Language</a></li> 
</ul> 

.hideme { 
    display: none; 
}

источник

2013-02-18 13:57:37

, то как я могу показать его снова. Мое решение, которое я написал, тоже в порядке? – DevelopmentIsMyPassion

@ AshReva- Почему/Когда вы хотите скрыть вкладки? –

Я хочу скрыть, основываясь на определенных требованиях от моего менеджера. Например, когда вы нажимаете внутри содержимого вкладки продукта, я хочу показать вкладку версии и языка и скрыть вкладку продукта. На моей панировке, когда я нажимаю, я хочу показать только вкладку продукта и скрыть оставшиеся – DevelopmentIsMyPassion

Я думаю, мне удалось это сделать нокаутом. Определенные вкладки, как показано ниже, и привязаны к наблюдаемым. см. ниже

<ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;"> 
        <li><a href="#product" data-toggle="tab" >Product</a></li> 
        <li><a href="#version" data-toggle="tab" data-bind ="visible: showVersionTab">Version</a></li> 
        <li><a href="#language" data-toggle="tab" data-bind ="visible: showLanguageTab">Language</a></li> 

    </ul>

Тогда я просто устанавливаю наблюдаемые в true и false, когда мне это нужно.

источник

2013-02-18 13:57:59 DevelopmentIsMyPassion

Почему бы не присвоить идентификаторы вашим <li> элементам? например.

<li id='1'><a href="#product" data-toggle="tab" >Product</a></li> 
<li id='2'><a href="#version" data-toggle="tab">Version</a></li> 
<li id='3'><a href="#language" data-toggle="tab">Language</a></li>

Тогда вы можете скрыть:

$('#1').hide();

и «un' скрытие

$('#1').show();

источник

2013-02-18 16:15:05 spitoglou

скрытые вкладки из бутстрапа

ответ

Смежные вопросы