2013-10-07 21 views
1

我已經reworked Twitter Bootbar的Navbar有點支持後退按鈕。所以這是一個簡單的單頁解決方案,不需要服務器端處理。 Try here。現在我想創建從一個標籤到另一個標籤的鏈接。我已經通過Bootstrap3對Navbar的後臺支持

// make links with data-toggle outside of mytabs working 
$('#main a[data-toggle]').click(function (e) { 
    $(this).tab('show'); 
}); 

這樣做,只需要標記與數據切換的HTML鏈接=標籤:

<a href="#download" data-toggle="tab">Download</a> 

它仍然有效,例如try在左下角下載,但新標籤不再突出顯示。 (。工作前調查)此外,當我想用​​一個下拉菜單,但舊的標籤依然突出,在這裏看到:http://i.stack.imgur.com/9iCeR.png

我的問題:是否有做導航選項卡的「官方」或只是更好的辦法爲Bootstrap工作?即突出顯示,後端瀏覽器支持,下拉和上載行爲正確實施。

更新: 下拉仍然是一個問題,但亮點上正常鏈接點擊的問題似乎是固定的,當你做:

$('#main a[data-toggle]').click(function (e) { 
    document.location.hash = $(this).attr('href'); 
}); 

或者我應該嘗試easytabs其中seems to work出來的帶自舉的盒子?

回答

1

簡短的回答:

龍答:引導是在它的基礎只是一個CSS框架。是的,它包含一些jQuery插件。但是如果你仔細觀察這些,你會發現它們中的大部分功能都不夠豐富。

所以不,你正在尋找的那種交互性並不是直接引入Bootstrap。您所在的路徑是正確的 - 找到兼容的插件,或者自己動手。這可能看起來像Bootstrap的缺點,但實際上並非如此。從Javascript的角度來看,他們會讓你決定如何最好地實現這些事情,而不是將你鎖定在某種特定的方式。

+0

我只是希望找到一些已經有效的東西...... – Karussell