jquery 자동 완성이 실행되지 않습니다.

Question

기존 응용 프로그램에 자동 완성을 구현하려고합니다. 자동 완성 기능은 실행되지 않습니다.

<script> 

$(document).ready(function() { 

    var availableTags = [ 
         "ActionScript", 
         "AppleScript", 
         "Asp", 
         "Scheme" 
         ]; 

         $("#tags").autocomplete({ 

         source: availableTags 
         }); 

}); 

    </script> 


      <div class="ui-widget"> 
       <label for="tags">Tags: </label> 
       <input id="tags" type="submit" value="Search"> 
      </div> 

내 JS 참조 CSS 파일

은 다음과 같이 : 내가 잘못 뭐하는 거지

<link href="{% static 'css/timePicker.css' %}" media="screen" rel="stylesheet" type="text/css" /> 
    <link href="{% static 'css/jquery-ui.min.css' %}" rel="stylesheet" type="text/css" /> 
    <link href="{% static 'css/jquery-ui.structure.min.css' %}" rel="stylesheet" type="text/css" /> 
    <link href="{% static 'css/jquery-ui.theme.min.css' %}" rel="stylesheet" type="text/css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> 

여기 내 코드는?

Answer 1

텍스트 입력이 누락되었습니다.

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags" type="text" /> 
    <input id="tagsSubmit" type="submit" value="Search" /> 
</div> 

Answer 2

text에 입력 유형을 변경

: http://jsfiddle.net/7jwbd70j/