【发布时间】：2014-03-01 15:20:34
【问题描述】：
我正在尝试使用引导响应选项卡制作我的选项卡。完全按照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>
【问题讨论】：
-
你能不能创建一个jsfiddle，http//:jsfiddle.net
-
jsfiddle.net/rQZym 抱歉，在这里。
-
您需要在小提琴中包含所有相关的脚本文件。正如在浏览器控制台中所见，没有它们，它根本无法工作。
-
我已包含所有相关文件，并将它们添加到外部资源中。我的项目中包含了所有这些以及更多内容，但是当我运行它时，它与 jsfiddle 上的这个相同，我有选项卡并且除了第一个选项卡之外它不会打开任何其他选项卡。
标签： jquery twitter-bootstrap tabs