我应该如何在网页中找到脚本

Question

我正在使用Java和JQuery等某些Web技术开发ASP MVC Web应用程序。

由于我的项目中大量使用脚本，因此我的代码中这些脚本的正确位置和顺序使我面临许多问题。

确实，我的浏览器总是出现错误。

例如，当我按以下顺序在我的Head标签中找到这些脚本时：

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="/template/web/js/jquery-ui.js"></script>

我将得到这些错误，这些错误提到了JQuery的定义问题：

jquery.validate.min.js：16未捕获的ReferenceError：未在jquery.validate.min.js：16定义jQuery。jquery.validate.unobtrusive.min.js：19未捕获的ReferenceError：未在jquery.validate.unobtrusive定义jQuery。 .min.js：19索引：1436未捕获的TypeError：$（...）。datepicker在HTMLDocument中不是一个函数。 （ http：// localhost：60585 /（S（yjivkav5ujyyjrcrznjabbbbp））/ Home / Index：1436：26 ）at i（ http：// localhost：60585 / template / web / js / jquery-2.2.3.min.js ：2：27151 ）在Object.fireWith [按resolveWith]（ HTTP：//本地主机：60585 /模板/网络/ JS / jquery的-2.2.3.min.js：2：27914 ）在Function.ready（ HTTP：/ HTMLDocument.J（ http：// localhost：60585 / template / web / js / jquery-2.2.3处的/localhost:60585/template/web/js/jquery-2.2.3.min.js:2:29707 ） 。 min.js：2：29892 ）

但是，当我尝试在页面底部找到所有这些脚本时，如下所示：

<script src="/template/web/js/jquery-ui.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>

这些错误将出现：

未捕获的TypeError：$（...）。ziehharmonika在HTMLDocument中不是一个函数。 （ http：// localhost：60585 /（S（ls4ko4ghxnphalf2azyphinz））/ Home / Index：1462：23 ）at i（ http：// localhost：60585 / template / web / js / jquery-2.2.3.min.js ：2：27151 ）在Object.fireWith [按resolveWith]（ HTTP：//本地主机：60585 /模板/网络/ JS / jquery的-2.2.3.min.js：2：27914 ）在Function.ready（ HTTP：/ HTMLDocument.J（ http：// localhost：60585 / template / web / js / jquery-2.2.3处的/localhost:60585/template/web/js/jquery-2.2.3.min.js:2:29707 ） 。 min.js：2：29892 ）索引：1441未捕获的TypeError：$（...）。JiSlider不是http：// localhost：60585 /（S（ls4ko4ghxnphalf2azyphinz））/ Home / Index：1441：20 at在r.handle（ http：// localhost：60585 / template / web / js / jquery ）分派（ http：// localhost：60585 / template / web / js / jquery-2.2.3.min.js：3：7537 ） -2.2.3.min.js：3：5620 ）

Answer 1

您需要将此脚本（加载jQuery）放在脚本列表的首位：

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

Answer 2

您需要按照正确的顺序放置jQuery文件。

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