gpt4 book ai didi

css - Bootstrap 崩溃 js 文件给出错误

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

我有以下测试代码:

<html lang="en">
<head>
<meta charset="utf-8">
<title>Ti Productions</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>

<div class="navbar">
<div class="navbar-inner">
<div class="container">

<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>

<!-- Be sure to leave the brand out there if you want it shown -->
<a class="brand" href="#">Project name</a>

<!-- Everything you want hidden at 940px or less, place within here -->
<div class="nav-collapse collapse">
<!-- .nav, .navbar-search, .navbar-form, etc -->

<ul class="nav">
<li><a href="">home</a></li>
<li><a href="">about</a></li>
<li><a href="">help</a></li>
</ul>
</div>

</div>
</div>
</div>

<script src="assets/js/bootstrap-collapse.js"></script>
</body>
</html>

我基本上是在尝试测试此处显示的可折叠菜单:

http://twitter.github.io/bootstrap/components.html#navbar

我已经按照说明下载了 boostrap 响应式 css 文件,还有 collapse.js 文件。页面加载文件,并显示菜单。然后,当我缩小浏览器大小时,菜单会折叠……然后会出现按钮。但是我打不开菜单。每当我单击按钮以显示折叠菜单时,我都会收到以下错误:

--
[19:08:40.348] TypeError: $ is undefined @
https://myserver/mysite/assets/js/bootstrap-collapse.js:126

该文件的第 126 行如下所示:

  $.fn.collapse = function (option) {

我不确定我做错了什么。任何猜测将不胜感激。

编辑 1

我添加了丢失的 jquery.js 文件,但这并没有解决问题。页面底部的包含现在看起来像这样:

<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>

最佳答案

$ 是一个 jQuery 函数,需要包含在 bootstrap-collapse.js 之前。

试试这个序列

<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap-collapse.js"></script>

关于css - Bootstrap 崩溃 js 文件给出错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16629956/

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