2014-03-01 2 views
1

부트 스트랩 반응 형 탭으로 탭을 만들려고합니다. 정확히 여기에 뭐라고 말 했나요? http://openam.github.io/bootstrap-responsive-tabs/ 그리고 탭을 클릭하면 아무 일도 일어나지 않습니다. 클릭 한 탭으로 이동하지 않습니다. 아무도 이것으로 나를 도울 수 있습니까? 감사!반응 형 탭 부트 스트랩이 작동하지 않습니다.

<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 

그래서 당신은 포함해야합니다 : jQuery, bootstrap css and js >=3.0, responsive-tabs.js

Fiddle Demo

+0

난 그냥보고, 그 jsfiddle에서 탭 크기를 조정하려고하면 그것은 큰 화면에 그것은 작동하지 않습니다, 그것은 탭이 다른 하나의 아래에있을 때만 작동하는 이유는 무엇입니까? – user3173457

+1

탭을 표시하려면 다른 jQuery 코드를 추가해야합니다. 이것은 고정 된 데모입니다 : http://jsfiddle.net/eQJME/ – Felix

관련 문제