javascript - ASP.NET MVC 项目中 Bootstrap 和 Js 引用的顺序

Question

现在我已经更新了引用文献并在图像中发现了该错误。

其中一些文件无法正常工作，请指导我 Bootstrap 和 js 文件的工作顺序。因为我的一些代码由于引用顺序错误而无法工作。欲了解更多信息，请参见下图

1.<link href="~/Content/bootstrap.css" rel="stylesheet" />
2.<link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
3.<link href="~/Content/AdminBootStrap.css" rel="stylesheet" />
4.<link href="~/Content/Site.css" rel="stylesheet" />
5.<link href="~/Content/reset.css" rel="stylesheet" />  <!-- CSS reset -->
6.<link href="~/Content/style.css" rel="stylesheet" /> <!-- Resource style -->
7.<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
8.<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!--End Bootstrap-->
<!--Start Scripts-->
9.<script src="~/Scripts/_references.js"></script>
10.<script src="~/Scripts/CustomJavaScript.js"></script>
11.<script src="~/Scripts/jquery-1.10.2.intellisense.js"></script>
12.<script src="~/Scripts/jquery-1.10.2.js"></script>
13.<script src="~/Scripts/jquery-1.10.2.min.js"></script>
14.<script src="~/Scripts/jquery-2.2.1.js"></script>
15.<script src="~/Scripts/jquery-2.2.1.min.js"></script>
16.<script src="~/Scripts/_references.js"></script>
17<script src="~/Scripts/jquery.validate-vsdoc.js"></script>
18.<script src="~/Scripts/jquery.validate.js"></script>
19.<script src="~/Scripts/jquery.validate.min.js"></script>
20.<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
21.<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
22.<script src="~/Scripts/bootstrap.js"></script>
23.<script src="~/Scripts/bootstrap.min.js"></script>
24.<script src="~/Scripts/modernizr-2.6.2.js"></script>
25.<script src="~/Scripts/respond.min.js"></script>
26.<script src="~/Scripts/respond.js"></script>
27.<script src="~/Scripts/jquery-2.1.1.js"></script>
28.<script src="~/Scripts/jquery.menu-aim.js"></script> <!-- menu aim -->
29.<script src="~/Scripts/main.js"></script>  <!-- Resource jQuery -->
30<script src="~/Scripts/modernizr.js"></script> <!-- Modernizr -->
<!--End Scripts-->

Answer 1

当您只需要一个时，您正在加载 5 个不同的 jQuery.js 实例。

此外，任何依赖于 jQuery 的插件或代码都必须在 jQuery 之后加载...其中包括 bootstrap.js

您还将加载所有其他脚本的重复项。 .min 版本与完整版本的脚本相同，但经过缩小以减小文件大小。

这可以缩小到

<!--Start Scripts-->
<script src="~/Scripts/modernizr-2.6.2.js"></script>
<script src="~/Scripts/_references.js"></script>
<script src="~/Scripts/CustomJavaScript.js"></script>
<script src="~/Scripts/jquery-1.10.2.intellisense.js"></script>

<script src="~/Scripts/jquery-1.10.2.min.js"></script>

<script src="~/Scripts/_references.js"></script>
<script src="~/Scripts/jquery.validate-vsdoc.js"></script>

<script src="~/Scripts/jquery.validate.min.js"></script>

<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

<script src="~/Scripts/bootstrap.min.js"></script>

<script src="~/Scripts/respond.min.js"></script>

<!--End Scripts-->
<!--Start: Subject Dropdown-->

<script src="~/Scripts/jquery.menu-aim.js"></script> <!-- menu aim -->
<script src="~/Scripts/main.js"></script>  <!-- Resource jQuery -->