作者Chobits310 (阿怪)
看板Web_Design
标题[问题] Bootstrap 新手页签问题
时间Fri Mar 14 10:28:17 2014
问题:我依照网上的范例去实做，但总是不能切换。
网址范例:
http://www.minwt.com/html/8686.html
无法切换最後那边页签的部分
以下是我的程式码:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Bootstrap</title>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery-2.1.0.js" type"text/javascript"></script>
<script scr="js/bootstrap.min.js"type"text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#myTab a:last').tab('show');
})
$('#mytab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
});
</script>
</head>
<body>
<div class="container">
<ul class="nav nav-tabs" id="myTab">
<li><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#profile" data-toggle="tab">Profile</a></li>
<li><a href="
#messages" data-toggle="tab">Messages</a></li>
<li><a href="
#settings" data-toggle="tab">Settings</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home"></div>
<div class="tab-pane" id="profile">ced</div>
<div class="tab-pane" id="messages">f</div>
<div class="tab-pane" id="settings">g</div>
</div>
</body>
</html>
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 111.251.173.235
3F：→ Chobits310:谢谢你的测试，我在找找看那边有问题…… 03/14 23:05
4F：→ Canboo:这种问题可能都要确认JS档案是有正确引入的 03/15 23:10
5F：→ Chobits310:恩恩，真的没确实引入。找到问题点了……谢谢各位乡民 03/15 23:17
6F：→ Chobits310:的帮忙 03/15 23:17