jQuery 자동 완성 - 알려지지 않은 유형 오류 : undefined가 함수가 아닙니다.

Question

jquery 자동 완성을 검색 텍스트 상자에 추가하려고하는데 어떤 이유로 작동하지 않습니다. 내가 필요한 모든 jquery로드 및 버전 차이가없는 것 같습니다. 나는 (적어도 내가 찾은 것 중 하나를 시도한) 모든 해결책을 시도했지만 그 중 누구도 일하지 못했습니다.

내 HTML :

<input type="search" name="searchTerm" 
data-test-autocomplete="@Url.Action("AutoComplete")" /> 

내 JS :

$(function() { 
    var createAutoComplete = function() { 
    var $input = $(this); 

    var options = { 
     source: $input.attr("data-test-autocomplete") 
    }; 

    $input.autocomplete(options); 
    }; 


    $("input[data-test-autocomplete]").each(createAutoComplete); 

}); 

번들이 신체의 끝 부분에 _Layout.cshtml 내에서 호출되는 :

bundles.Add(new ScriptBundle("~/bundles/test").Include(
       "~/Scripts/jquery-{version}.js", 
       "~/Scripts/jquery-ui-{version}.js", 
       "~/Scripts/jquery.unobtrusive*", 
       "~/Scripts/jquery.validate*", 
       "~/Scripts/test.js")); 

스크립트로드 :

<script src="/Scripts/jquery-1.10.2.js"></script> 
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script> 
<script src="/Scripts/jquery.validate.js"></script> 
<script src="/Scripts/jquery.validate.unobtrusive.js"></script> 
<script src="/Scripts/test.js"></script> 
<script src="/Scripts/bootstrap.js"></script> 
<script src="/Scripts/respond.js"></script> 

미리 감사드립니다.

Answer 1

정의되지 않은 것은 명확하게 .autocomplete jQuery 기능입니다. 제발, "Scripts being loading"부분에서 jQuery UI가 완전히 빠져 있다는 것을보십시오.

"~/Scripts/jquery-ui-{version}.js" 번들에 올바르게 포함 했으므로 오류에 대한 유일한 설명은 해당 경로에서 jQuery UI 스크립트 파일이 누락되었거나 레이아웃에서 worng 번들을 렌더링하고 있다는 것입니다. 면도기 코드보기).