作者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