1
我是自舉的新手。我試着玩代碼來製作帶有切換標籤的頁面。但是,我已經檢查了很多次我的代碼,但仍然無法在代碼中找到問題。請有人幫助我嗎?Bootstrap切換標籤
<div class="row">
<div class="tabbable">
<ul class="nav nav-tabs" id="tabs" data-tabs="tabs">
<li class="active"><a href="#having_a" data-toggle="tab">Having a</a></li>
<li><a href="#having_b" data-toggle="tab">Having b</a></li>
<li><a href="#having_c" data-toggle="tab">Having c</a></li>
</ul>
<!-- content of the tab -->
<div class="tab-content" id="tab-content">
<div class="tab-pane active" id="having_a">
<p>a</p>
</div>
<div class="tab-pane" id="having_b">
<p>b</p>
</div>
<div class="tab-pane" id="having_c">
<p>c</p>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function ($) {$('#tabs').tab(); });
</script>
</div>
<hr>
<footer>
<p>©2012</p>
</footer>
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
我已更新我的代碼並添加了腳本功能,但它仍然無效。 – user1869816
我想我已經定義了data-toggle =「tab」,我不需要包含腳本功能。 – user1869816
哦,是啊!你是對的!讓我再檢查一次 –