Question

我正在使用一些Web技术（如Javascript和JQuery）开发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不是定义在jquery.validate.min.js：16 jquery.validate.unobtrusive.min.js：19未捕获的ReferenceError：未定义jQuery 在jquery.validate.unobtrusive.min.js：19索引：1436未捕获TypeError：$（...）。datepicker不是函数在HTMLDocument。（http://localhost:60585/(S(yjivkav5ujyyjrcrznjabbqp))/Home/Index:1436:26）在我（http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:27151） at Object.fireWith [as resolveWith]（http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:27914）在Function.ready（http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:29707）在HTMLDocument.J（http://localhost:60585/template/web/js/jquery-2.2.3.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>

将出现以下错误：

Uncaught TypeError：$（...）。ziehharmonika不是函数在HTMLDocument。（http://localhost:60585/(S(ls4ko4ghxnphalf2azyphinz))/Home/Index:1462:23）在我（http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:27151） at Object.fireWith [as resolveWith]（http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:27914）在Function.ready（http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:29707）在HTMLDocument.J（http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:29892）索引：1441未捕获的TypeError：$（...）。JiSlider不是一个函数在http://localhost:60585/(S(ls4ko4ghxnphalf2azyphinz))/Home/Index:1441:20 在派遣（http://localhost:60585/template/web/js/jquery-2.2.3.min.js:3:7537）在r.handle（http://localhost:60585/template/web/js/jquery-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>

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

2 个答案: