如何隱藏和顯示twitter引導標籤？

Question

我試圖僅在需要時才顯示隱藏標籤。我當前的代碼如下所示：

<ul id="myTab" class="nav nav-tabs"> 
    <li class="active"><a href="#home" data-toggle="tab">Home</a></li> 
    <li><a href="#data" data-toggle="tab" style="display:none;">New Tab</a></li> 
</ul> 

的jQuery：

$('#data').load('functions/test_function.php', { method: "example"}, function() { 
    $('#data').tab('show'); 
    // $('#data').show();  
}) 

任何想法，我做錯了什麼？代碼完成後，該選項卡從不顯示。

Answer 1

與提供的代碼，您試圖顯示選項卡的內容，甚至將無法工作。

如doc

每個標籤指出需要被單獨地激活

而且它所需要的data-toggle="tab"元件，而不是內容上被激活。

$('#data').load('functions/test_function.php', { method: "example"}, function() { 

    var $tab = $('[data-toggle="tab"][href="#data"]'); 
    // OR var $tab = $('#tabID'); 

    $tab.click(function(e) {  // Binding for later use (for user interaction) 
     e.preventDefault(); 
     $tab.tab('show'); 
    }); 
    $tab.show();     // Display the tab 
    $tab.tab('show');    // Display the content 
}) 

您可以選擇保留明確的選擇[data-toggle="tab"][href="#data"]或設置隱藏選項卡上的id="tabID"。