$（...）。オートコンプリート機能のエラー

Question

ではありません、私はその後、私はjavascript関数

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(function() { 
      $("#txtSearch").autocomplete({ 
       source: '@Url.Action("MerrBarkodet","Produktet")' 
      }); 
     }); 
    }); 
</script> 

しかし、機能していないを持って、次のファイルに

<link href="~/Content/Site.css" rel="stylesheet" /> 
<link href="~/Content/boostrap-min.css" rel="stylesheet" /> 
<link href="~/Content/themes/base/jquery-ui.min.css" rel="stylesheet" /> 
<script src="~/Scripts/jquery-1.12.4.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> 

を持っているが、エラー 捕捉されないを示していますTypeError：$（...）。オートコンプリートは関数ではありません。

@using (Html.BeginForm("Index", "Produktet", FormMethod.Get, new { @class = "navbar-form navbar-left" })) 
    { 
    <div class="form-group"> 
     <b>Search:</b>@Html.TextBox("search", null, new { id = "txtSearch" }) 
     <input class="btn btn-default" type="submit" value="Search" /> 
    </div> 
    } 

Answer 1

考えられる原因。

1. jquery.jsがロードされる順序。 jquery.jsの前にjquery.jsが存在する必要があります。
2. jquery.jsの重複が可能です。ファイルにjqueryリファレンスがないことを確認します。レイアウトファイルや外部ライブラリを実装している場合は、そこにjqueryが存在しないことを確認してください。

3. テストにjQuery.noConflict（）メソッドを使用してみてください。基本的には、jQueryの別名を使用するだけです。 例：

   var j = jQuery.noConflict(); 
   j("div p").hide(); 
   

4. ドキュメントがロードされる前に、関数呼び出しが打たれていませんよチェック：

   $(function(){ 
       var $searchBox = $('#txtSearch'); 
       $searchBox.autocomplete(...); 
   }); 
   

Answer 2

コメントアウト（または削除）私は以下のコメントコード。 $(function() { })は$(document).ready()コールの内部で初期化されません。

//$(document).ready(function() { 
     $(function() { 
      $("#txtSearch").autocomplete({ 
       source: '@Url.Action("MerrBarkodet","Produktet")' 
      }); 
     }); 
// });