我开始使用Bootstrap。我添加js/bootstrap.min.css
到我的index.html
并且一切正常。
但是,当我将bootstrap.min.js
添加到index.html
时,例如,我的下拉菜单无效。
但是,当我添加http://code.jquery.com/jquery-latest.js
时 - 我的下拉菜单有效。
我想在不连接互联网的情况下使用菜单。 为什么呢?
答案 0 :(得分:1)
您应该在本地系统下载脚本并将脚本放在项目JS OR Script文件夹中,然后从那里调用它。
像那样:<script type="text/javascript" src="/Scripts/jquery-latest.js"></script>
希望它有效:)
由于
答案 1 :(得分:0)
自举:
http://getbootstrap.com/getting-started/
JQuery的:
http://www.w3schools.com/jquery/jquery_get_started.asp
通过相对路径正确下载和链接文件。
答案 2 :(得分:0)
Bootstrap使用jquery
,因为您需要在没有互联网的情况下使用它来下载jquery文件并将其放在JS文件夹中并将其提供给index.html
答案 3 :(得分:0)
答案 4 :(得分:0)
而不是像你这样在你的index.html中使用cdn路径
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!--Latest JQuery CDN Link -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.js"></script>
在下载所需文件后尝试使用相对路径,如下所示:
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!--Latest JQuery CDN Link -->
<script src="js/jquery.js"></script>
在您的情况下,jquery-latest.js
必须从指定链接下载,并使用相对路径包含在index.html中。