jquery和twitter引導使活動選項卡不起作用

在twitter引導js選項卡我必須添加一個類「活動」的李元素。jquery和twitter引導使活動選項卡不起作用

我從url獲取散列。我將活動類應用於選項卡，但它沒有得到重點。

我想讓第二個選項卡在url有一定的散列時激活。

的源代碼： http://jsfiddle.net/Chumillas/dU458/#example

來源

2011-12-03 Chumillas

您的代碼對我的作品，但你沒有把bootstrap放進去。 – number5

請參閱管理資源（2），我不明白你的意思 – Chumillas

好吧，我現在看到了。對不起，我的錯。 – number5

我解決了這個問題，我需要設置選項卡處於活動的內容的DIV爲好。

來源

2011-12-03 15:40:09 Chumillas

通常你可以使用'$（'＃mytab a'）。first（）.tab（'show'）'。如果事實證明你需要將'tab-content' div設置爲'active'，請檢查你的標識符是否爲你的標籤頭。你可能在ID中有空格。 –

-4

爲什麼ü沒有使用select方法，而不是改變自己的班？

支票本，Selecting a jQuery Tab using a parameter in the URL

來源

2011-12-03 15:00:59

不適合我： $（'。tabs'）。tabs（'select'，1）; 都不是負載。 – Chumillas

'select'是jQuery UI選項卡的一個功能，但在Twitter Bootstrap選項卡中不可用。 – Synchro

你可以這樣說：

$(function (e) { 
    var parts = decodeURI(e.target).split('#'); 
    $(".tabs").tabs().select(parts[1]); 
});

來源

2011-12-03 15:07:18 number5

此外，使用最新的bootstrap-tab.js，您可以使用以下調用選擇活動選項卡。

導航示例：使用鏈接，顯示的呼叫

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li> 
    <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> 
    <li><a href="#tab3" data-toggle="tab">Tab 3</a></li> 
</ul>

獲取對象：

$('a[href="#tab2"]').tab('show');

最好成績，G.

來源：Twitter Bootstrap

來源

2012-04-12 20:28:37

如果您僅使用url散列來選擇活動選項卡，則可以使用此泛型代碼自動執行此過程： $（document）.ready（function（）{ var url_hash = window.location.hash.split（' - '）[0]; if（url_hash [0] =='＃'） $（'＃tabs a [href =''+ url_hash +'「]'）。tab（'show'）; } ）; – JeromeParadis

爲了引導標籤的工作，有兩件事你必須做一個選項卡激活：

將li元素活動（類=「活動」）
設置標籤div元素活動（類=「漸顯活躍」）

來源

2017-07-08 03:41:42 codecypher

jquery和twitter引導使活動選項卡不起作用

回答

相關問題