私のWebページでスクリプトを見つけるにはどうすればいいですか

Question

JavascriptやJQueryのようなWeb技術を使ってASP MVC Webアプリケーションを開発しています。

私のプロジェクトでスクリプトを大量に使用しているため、私はコード内でこれらのスクリプトの正しい位置と順序に多くの問題に直面しています。

実際、私のブラウザでは常にエラーが発生しています。例えば

、私はこの順序で私の頭のタグでこれらのスクリプトを見つけたとき：

<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 Uncaught ReferenceError: jQuery is not defined at jquery.validate.min.js:16 jquery.validate.unobtrusive.min.js:19 Uncaught ReferenceError: jQuery is not defined at jquery.validate.unobtrusive.min.js:19 Index:1436 Uncaught TypeError: $(...).datepicker is not a function at HTMLDocument. (http://localhost:60585/(S(yjivkav5ujyyjrcrznjabbqp))/Home/Index:1436:26) at i (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) at Function.ready (http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:29707) at 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> 

T HESEエラーが表示されます。

Uncaught TypeError: $(...).ziehharmonika is not a function at 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) at Object.fireWith [as resolveWith] (http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:27914) at Function.ready (http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:29707) at HTMLDocument.J (http://localhost:60585/template/web/js/jquery-2.2.3.min.js:2:29892) Index:1441 Uncaught TypeError: $(...).JiSlider is not a function at http://localhost:60585/(S(ls4ko4ghxnphalf2azyphinz))/Home/Index:1441:20 at dispatch (http://localhost:60585/template/web/js/jquery-2.2.3.min.js:3:7537) at r.handle (http://localhost:60585/template/web/js/jquery-2.2.3.min.js:3:5620)

Answer 1

をあなたはまず、スクリプトのリストに（jQueryのをロードする）この1を配置する必要があります：

<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>