隱藏標籤從引導

我有這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

隱藏標籤從引導

回答

相關問題