gpt4 book ai didi

html - 我的标记中有些奇怪。 Twitter Bootstrap 选项卡不起作用

转载 作者:行者123 更新时间:2023-11-28 09:43:10 25 4
gpt4 key购买 nike

我设计了一个标记,我正在尝试使用 jquery 在 bootsrap 上创建一个选项卡。我写了如下标记代码。请检查为什么选项卡不起作用?我的代码有什么问题。在javascript控制台中显示ReferenceError: $ 未定义

    <!doctype html>
<html>
<head>

<meta charset="UTF-8">
<title>Just Live 24</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/tv-theme.css">
<link href="css/main_pricetable.css" rel="stylesheet">
</head>
<body>
<div class="col-md-6">
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" id="myTab">
<li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
<li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li>
<li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li>
<li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<div class="tab-content">
<div class="tab-pane active" id="home">bmnmn,b,mbn...</div>
<div class="tab-pane" id="profile">.werewr..</div>
<div class="tab-pane" id="messages">.jkhk..</div>
<div class="tab-pane" id="settings">llkjlk...</div>
</div>
<script>
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})</script>

</div>
<hr>






</body>
</html>

最佳答案

很可能您忘记在脚本 src 属性中附加 http。

src="http://code.jquery.com/jquery-1.11.0.min.js"
src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"

因此浏览器无法获取脚本并且无法识别 jquery 速记(即 $)。

关于html - 我的标记中有些奇怪。 Twitter Bootstrap 选项卡不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25344232/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com