jQuery 자동 완성이 왜 팝업되지 않습니까?

여기에 응축 된 소스 코드입니다 :jQuery 자동 완성이 왜 팝업되지 않습니까?

<html> 
    <head> 
     <script type="text/javascript" src="/admin/jsi18n/"></script> 
     <link href="/media/css/ui-lightness/jquery-ui-1.8.9.custom.css" type="text/css" media="screen" rel="stylesheet" /> 
     <script type="text/javascript" src="/media/admin/js/core.js"></script> 
     <script type="text/javascript" src="/media/admin/js/admin/RelatedObjectLookups.js"></script> 
     <script type="text/javascript" src="/media/admin/js/jquery.min.js"></script> 
     <script type="text/javascript" src="/media/admin/js/jquery.init.js"></script> 
     <script type="text/javascript" src="/media/admin/js/actions.min.js"></script> 
     <script type="text/javascript" src="/media/js/jquery-1.4.4.min.js"></script> 
     <script type="text/javascript" src="/media/js/jquery.autocomplete.pack.js"></script> 
    </head> 
    <body> 
     <div> 
      <label for="id_postal_code" class="required">Postal code:</label> 
      <input type="text" name="postal_code" id="id_postal_code" /> 
      <script>$('#id_postal_code').autocomplete({source:['one','two','three']});</script> 
     </div> 
    </body> 
</html>

나는 텍스트 상자에 'O'를 입력하기 위해 노력하고있어,하지만 아무것도 표시되지 않습니다.

입력란에 autocomplete='off' 속성과 class='ac_input'을 추가 했으므로 ... 올바르게 초기화되는 것 같습니다. 왜 아무 것도 나타나지 않는 이유는 모르겠습니다.

파이어 폭스의 소스 코드를 보면 ac_input이 키를 누를 때마다 깜박 거리며 입력 할 때마다 클래스를 설정하는 것처럼 보이지만 자동 완성은 "켜기"로 전환하지 않습니다. 그것이 언젠가는해야 겠는가?). 당신의 DOM 아직 준비가되지 않은 것 같습니다

$(function() { 
    // your code here... 
});

내부

출처

2011-02-03 mpen

$ ('# id_postal_code')하지 않아야합니다. 자동 완성 ({source : [ 'one', 'two', 'three']})); $ (document) .ready()에 싸여 있습니까? – Gazler

@ Gazler : 엘리먼트를 * 요소 뒤에 넣을 필요는 없다고 생각했습니다. 요소가로드되었는지 확인해야합니다. 그렇지 않습니다. – mpen

{source:['one','two','three']}을 ['one','two','three']으로 바꾸어보세요.

출처

2011-02-03 18:47:33

도대체 ?? 그것은 그들의 예제가 보여주는 것이 아닙니다 (http://jqueryui.com/demos/autocomplete/). 그러나 지금은 작동하고있는 것 같습니다. 궁금한 이유는 ... (감사합니다) – mpen

자동 완성 기능이 작동하지 않는 문제가있었습니다. 그러나,이 솔루션은 나를 위해 작동하지 않았다. 실제로 그것은 상황을 악화 시켰습니다.'source' 속성이 정의되지 않았기 때문에 런타임 오류가 발생했습니다. 필자의 경우, 아직 문서 흐름에 포함되지 않은 jQuery 요소를 향상시키고 있는데, 이것이 문제인 것처럼 보입니다. 요소를 DOM에 삽입 할 때까지 확장을 지연시킴으로써 작동하도록했습니다. 하지만 이처럼 배열을 전달하면 간단히 작동하지 않습니다. –

@Ates : 이유를 알아 냈어 .... 내가 자동 완성의 잘못된 버전을로드하고있었습니다! bassistance.de에서 이전 버전을 사용하고 있었지만 jQuery UI에서 새로운 버전을 사용하고있었습니다. 둘 다 내 JS 폴더에 있습니다. \ – mpen

는 전화를 감 쌉니다.

출처

2011-02-03 18:37:26

아니요, $ (function() {$ ('id_postal_code').} 자동 변경 ({소스 : [ 'one', 'two', 'three']);}); ' 차. – mpen

당신은 두 번 jQuery를 초기화 - 관리/jquery.min.js 및 JS/JQuery와-1.4.4.js

가 고정 시도.

출처

2011-02-03 18:37:43 aendrew

Django는 그 중 하나를 추가하지만'noConflict'를 설정하므로 두 개의 복사본을 가질 수 있습니다. – mpen

here이 해결되지 않으면 ul.ui-autocomplete 요소의 페이지 마크 업을 확인하고 z-index을 확인하십시오. 필자의 경우 플러그인이 잘 작동하고 요소가 올바르게 배치되었지만 z- 인덱스가 필요했습니다.

출처

2017-02-23 16:26:21 brokenindexfinger

jQuery 자동 완성이 왜 팝업되지 않습니까?

답변

관련 문제