2014-03-01 66 views
1

我想使用引導程序響應式標籤頁製作標籤頁。確切地說,這裏說的是http://openam.github.io/bootstrap-responsive-tabs/,當我點擊標籤時,notnihg發生,它不會去點擊標籤。誰能幫我這個?謝謝!響應式標籤引導程序不起作用

<script src="js/jquery.js"></script> 
<script src="js/jquery-1.6.3.min.js"></script> 
<link href="css/bootstrap.css" rel="stylesheet"> 
<link href="css/bootstrap-responsive.css" rel="stylesheet"> 
<link href="css/style.css" rel="stylesheet"> 

<div class="container marketing"> 
<ul class="nav nav-tabs responsive" id="myTab"> 
<li class="active"><a href="#home">Home</a></li> 
<li><a href="#profile">Profile</a></li> 
<li><a href="#messages">Messages</a></li> 
</ul> 

<div class="tab-content responsive"> 
<div class="tab-pane active" id="home">...content...</div> 
<div class="tab-pane" id="profile">...content...</div> 
<div class="tab-pane" id="messages">...content...</div> 
</div> 

<script type="text/javascript"> 
(function($) { 
fakewaffle.responsiveTabs(['xs', 'sm']); 
})(jQuery); 
</script> 
</div><!-- /.container --> 

<script src="js/bootstrap.js"></script> 
<script src="js/responsive-tabs.js"></script> 
+0

您可以創建一個的jsfiddle, http //:jsfiddle.net – dreamweiver

+0

http://jsfiddle.net/rQZym/對不起,在這裏。 – user3173457

+0

您需要在您的小提琴中包含所有相關的腳本文件。如果沒有它們,它將無法正常工作,正如可以在瀏覽器控制檯中看到的那樣。 – Archer

回答

4

您需要使用引導程序版本>= 3.0沒有2.3.2

另外。你不是在您的提琴至極的結果responsive-tabs.js此錯誤:

Uncaught ReferenceError: fakewaffle is not defined 

所以你需要包括:jQuerybootstrap css and js >=3.0responsive-tabs.js

Fiddle Demo

+0

我只是看到這一點,嘗試調整該jsfiddle中的標籤,當它在大屏幕上,它不工作,它只有當標籤是一個在另一個之下,爲什麼? – user3173457

+1

您需要添加另一個jQuery代碼來顯示選項卡。這是固定的演示:http://jsfiddle.net/eQJME/ – Felix