장고 함께 JQuery 자동 완성 위젯을 사용

나는이 문제에 관한 많은 게시물을 알고 있지만 지금까지 아무것도 도움이되었습니다.장고 함께 JQuery 자동 완성 위젯을 사용

나는 장고 웹 사이트를 구성하고 있으며, 검색 가능한 필드가있는 양식, 즉 표준 텍스트 입력이 있어야 주어진 텍스트를 사용하여 옵션 드롭 다운 목록을 필터링합니다.

이 기능은 정확히 JQuery와 웹 사이트에서 발표되는 것 같다 : http://jqueryui.com/demos/autocomplete/

난 그냥 작동 할 수없는 것. 내 코드는 다음과 같습니다.

<head> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script> 

<script type="text/javascript"> 
    $(function() { 
     var availableTags = [ 

      { label: "Mosek ApS, Ruben Nielsen", value: "8" } 

     ]; 
     $("#tags").autocomplete({ 
      source: availableTags 
     }); 
    }); 
</script> 
</head> 
<body> 
    <input id="tags"> 
</body>

내 눈에, 이것은 위에서 언급 한 JQuery 사이트의 예제 코드와 완전히 같습니다. 입력 상자가 나타나지만 레이블 텍스트를 입력하기 시작할 때 드롭 다운 메뉴가 나타나지 않습니다 (레이블 : "Mosek ApS, Ruben Nielsen") ...

도움이 필요하십니까?

출처

2012-08-15 Eldamir

당신은 (일반 jQuery를에 별도의 라이브러리 인) jQuery UI을 포함 할 필요가 자바 스크립트와 CSS :

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js"></script>

출처

2012-08-15 12:32:25

브릴리언트. 감사 :) – Eldamir

jQuery 자동 완성은 jQuery UI 라이브러리의 일부이므로 페이지 및 핵심 jQuery 라이브러리에 포함시켜야합니다.

출처

2012-08-15 12:31:29

장고 함께 JQuery 자동 완성 위젯을 사용

답변

관련 문제