jquery에서 자동 완성 기능이 작동하지 않는 이유는 무엇입니까?

오늘 저는 JQuery를 사용하기 시작했습니다. 나는 그것을하는 방법의 this explanation을 발견했다.jquery에서 자동 완성 기능이 작동하지 않는 이유는 무엇입니까?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
        "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/main.css" type="text/css" /> 
    <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css" type="text/css" /> 
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.bgiframe.min.js"></script> 
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/lib/jquery.dimensions.js"></script> 
    <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js"></script> 
    <script> 
    $(document).ready(function(){ 
    var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" "); 
$("#example").autocomplete(data); 
    }); 
    </script> 

</head> 
<body> 
    API Reference: <input id="example" /> (try "C" or "E") 
</body> 
</html>

내가 코드를 붙여 복사가 작동하지 않습니다 해당 페이지에

는 또한 완전한 코드가 있습니다. 이전에 언급 한 페이지 (JavaScript가 내 브라우저에서 켜져 있음)에서이 스크립트를 실행하면 작동한다는 것을 언급해야합니다.

오류 메시지가없고 jquery에 대한 이전 경험이 없으므로이 문제를 해결하는 방법을 알아야합니다. 아무도 도와 줄 수 없나요?

ADDED는 :

나는 중요 할 수있는 기능을 발견했다. 위에서 언급 한 코드/페이지를로드하면 자동 완료 기능이 예상대로 작동합니다! 페이지를 새로 고침하면 모양이 약간 변경됩니다 (입력 필드와 페이지 상단 사이의 공백이 나타남). 자동 완성 기능이 작동하지 않습니다. 그것은 당신에게 뭔가를 말하고 있습니까? 그것이 있어야하기 때문에

출처

2011-01-10 Roman

음을 첨부 .split를 시도, 나를 위해 작동합니다. Firefox를 사용하고 있습니다. 파이어 폭스 용 훌륭한 디버거 인 파이어 버그를 설치하십시오. jQuery로 작업한다면 반드시 필요합니다. – simon

그래, 나를 위해 일한다. –

서버 설정에 대한 자세한 정보로 문제를 정확하게 디버그 할 수 없습니다. firebug (http://getfirebug.com/)를 설치하고 스크립트가 실행 중인지 확인하는 것이 좋습니다. IE는 이러한 유형의 스크립트에 문제가있는 것으로 알려져 있습니다. –

그것은이다 : $("#example").autocomplete({ source: data })

는 그것은 docs you found 오래된 것 같다. 최신 버전까지 더는 여기에서 찾을 수 있습니다 :

출처

2011-01-10 12:31:49 mekwall

자동 완성 기능은 데이터가 포함 된 원본 소스 속성을 가진 객체를 허용합니다. 다른 속성에는 - minlength (자동 완성 트리거 이전에 입력해야하는 문자 수 없음) 비활성화 (자동 완성 비활성화), delay (자동 완성 실행 전에 키 입력 후 밀리 초) 및 appendto 에 추가됨). – Nikhil

모든 옵션을 사용하여 자동 완성을 초기화하는 코드는 $ ("# example")와 같습니다. 자동 완성 ({소스 : 데이터, 지연 : 10, 최소 길이 : 3, appendTo : "#someElem"}); 초기화 후 옵션을 재설정 할 수 있습니다. ("#example"). autocomplete ("option", "delay", 0); – Nikhil

Marcus Ekwall, 불행히도 문제가 해결되지 않았습니다. 내 원래 질문에 몇 가지 세부 사항을 추가했습니다. 그들이 당신에게 힌트를 줄 수 있을까요? 어떤 도움을 주셔서 감사합니다! – Roman

http://jqueryui.com/demos/autocomplete/는 (",")

var data = "Core Selectors Attributes Traversing Manipulation CSS Events Effects Ajax Utilities".split(" ,");

도 SORCE

출처

2011-01-10 12:58:39 Rafay

에서 예제 코드 중 하나를 기반으로 작성하십시오. 첫 번째 코드 줄은 완전히 잘못되어 다음과 같은 단일 값'Array'를 반환합니다.'' "["Core Selectors Attributes Traversing 조작 CSS 이벤트 효과 Ajax 유틸리티 "] – mekwall

배열을 [ "core", "selectors", "traversing"] ... 만약 그 같은 u가 그때 잘못되었다고 말하면 자동 완성 옵션으로이 완전한 문장만을 보여줄 것입니다. – Rafay

jquery에서 자동 완성 기능이 작동하지 않는 이유는 무엇입니까?

답변

관련 문제