Question

我正在尝试使用引导响应选项卡创建标签。完全按照这里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>

Answer 1

您需要使用Bootstrap版本>= 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

响应选项卡bootstrap无法正常工作

1 个答案: