0

我正在使用 Bootstrap 3 进行个人项目，但是当我添加模态/下拉菜单等内容时，它们不起作用。我查看了代码，一切都很好，所以我假设这是文件链接的问题。

标题链接：

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/carousel.css" rel="stylesheet">

页脚链接：

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

我也有模态，它是 Bootstrap 网站的精确副本，所有代码都是正确的。

我必须删除所有其他本地 CSS/JS 文件吗？

他网站的 HTML 可以在这里找到。

4

3 回答 3

0

您的代码中没有包含 jquery，只需在bootstrap.min.js之前包含 jquery.js

 <!-- Core javascript and icons -->
        <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">
        <script src="//code.jquery.com/jquery.js"></script>
        <!-- Latest compiled and minified JavaScript -->
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
于 2013-09-17T08:54:19.910 回答
0

据我所见，您尚未加载 jQuery-Library。如 Bootstrap 页面所示，Bootstrap 的任何 Javascript 组件都需要 jQuery，请参见此处

确保在 Bootstrap Javascript 之前加载它，如下所示：

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="//code.jquery.com/jquery.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

那么你应该都准备好了。

于 2013-09-17T08:46:34.900 回答
0

查看 HTML 我可以看到它缺少 jquery 库路径。请在 HTML 中的任何其他 JS 文件之前将其包含在顶部

于 2013-09-17T08:58:42.113 回答