隐藏标签从引导

我有这3个选项卡定义在我的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

都能跟得上不工作。我以前也试过这个，但给出错误，如“未捕获TypeError：对象[对象对象]没有方法'隐藏'” – DevelopmentIsMyPassion 2013-02-18 13:40:30

显示wat你正在尝试使用相同的东西 – Shail 2013-02-18 13:44:15

不明白你的意思？您希望看到哪些JavaScript代码。我只是调用我在问题中提到的代码，点击事件按钮。我可以隐藏最后一个标签，但不能隐藏第二个标签 – DevelopmentIsMyPassion 2013-02-18 13:45:54

这会不会为你做的工作吗？

<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 2013-02-18 13:59:57

@ AshReva-为什么/你什么时候想要隐藏标签？ – 2013-02-18 14:50:27

我想根据我的经理的特定要求隐藏。例如，当点击产品标签的内容时，我想显示版本和语言标签并隐藏产品标签。在我的面包屑上点击时，我只想显示产品标签并隐藏剩余 – DevelopmentIsMyPassion 2013-02-18 14:54:54

我想我设法做到了淘汰赛的方式。如下定义的选项卡，并绑定可观察。见下面

<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>

然后，我只是设置observables真和假只要我需要它。

来源

2013-02-18 13:57:59 DevelopmentIsMyPassion

为什么不将id分配给<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

隐藏标签从引导

回答

相关问题