ASP.NET MVC JQuery-UIオートコンプリート

Question

jqueryオートコンプリートメソッドに問題があります。常に私はこのエラーを取得する：

"Uncaught TypeError: $(...).autocomplete is not a function".

私が間違ってやっている、私のコードの下： _Layout.cshtml：headセクションで ：本体部の終わりで

@Styles.Render("~/Content/css") 
@Styles.Render("~/Content/themes/base/css") 
@Scripts.Render("~/bundles/modernizr") 
@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryui") 
@Scripts.Render("~/bundles/jqueryval") 
<link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 
<link href="~/Content/bootstrap-social.css" rel="stylesheet" /> 
<link href="~/Content/font-awesome.min.css" rel="stylesheet" /> 
<link href="~/Content/bootstrap-formhelpers.min.css" rel="stylesheet" /> 
<link href="~/Content/custom.css" rel="stylesheet" /> 

：

<script src="~/Scripts/custom.min.js"></script> 
<script src="~/Scripts/jquery-3.1.1.min.js"></script> 
<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script> 
<script src="~/Scripts/jquery.validate.min.js"></script> 
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script> 
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script> 
@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/bootstrap") 
@RenderSection("scripts", required: false) 

とスクリプト：

<script type="text/javascript" language="javascript"> 

$(document).ready(function() { 
    $('#somevalue').autocomplete({ 
     source: '@Url.Action("Index","Search")' 
    }); 
}) 

Answer 1

生成する複製スクリプト。レイアウトに含まれる同じスクリプトの多くは、本文の末尾に繰り返し表示されます。特に、最後の@Scripts.Render("~/bundles/jquery")は、3回目のjquery-{version}.jsを含み、最後に含めて、すべての以前のスクリプトを消去しますjqueryに依存するもの（jquery-uiを含む）

スクリプトを正しい順序で1つだけ含めます。一貫性を保ち、1つの規約に従うことをお勧めします。たとえば、すべてのスクリプトを閉じて</body>タグの直前に置いてください（modernizrを除く）。すべてのスクリプトにバンドルを使用します。