jquery 자동 완성이 어떤 결과도 표시하지 않습니다.

html 코드가 너무 길어서 stackoverflow에 복사하여 붙여 넣기가 너무 길기 때문에 my site으로 연결됩니다. 사이트로 이동하면 일부 디자이너 이름 위에 검색 창이 표시됩니다. 기본적으로 jquery-ui 플러그인을 사용하여 자동 완성을 구현하려고합니다. 검색 창 아래에 결과가 표시되지 않습니다. 나는이 플러그인을 사용 해 본 적이 없기 때문에 왜 이것이 작동하지 않는지 전혀 모른다.jquery 자동 완성이 어떤 결과도 표시하지 않습니다.

/js/autocomplete.js에 자동 완성 부분을 처리하고 있습니다. 거기에 많은 코드가 없습니다. 데이터 및 이벤트 리스너에 추가. 그게 다야.

let designers = [ .. ] // click to see whole data 

$(function() { 
    $('#keyword').autocomplete({ 
     source: designers, 
     minLength: 6 
    }) 
})

어떤 도움을 주시면 감사하겠습니다 :) 검색 입력을 누르면

출처

2017-11-02 wefwefwefwef wef

나를 위해 작동합니다. 스크린 샷 : https://screencast.com/t/s8wdK7S9fRVI –

@OfirBaruch 그것은 내 웹 사이트에서 작동합니까? 내가 왜 최신 버전의 크롬을 사용하고 있는데도 불구하고 작동하지 않습니다. –

@OfirBaruch 젠장, 아마도 캐시 때문에 –

사실은 당신이 당신의 코드에서이 곳으로 최고의 콘솔에 오류가 있습니다. 그래서 자동 완성 기능이 작동하지 않습니다. 당신은 6 개 문자를 입력 할 때까지

$(".m4").click(function(event){    
    event.preventDefault(); 
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); 
    });

출처

2017-11-02 10:59:20

나는 당신이 맞는 요소를 찾지 못할 것이라고 생각합니다. 검색 창은 #keyword –

JQuery와 UI 자동 완성 그것은 나를 위해하는 (https://jqueryui.com/autocomplete/#default)

출처

2017-11-02 11:01:08

입니다. –

jQuery UI에서 우리는 하나의 옵션을 선택합니다. 하지만 검색 할 수있는 옵션이 있습니다. 만약 당신이 그것을 싫어한다면 여기에 또 다른 옵션이 있습니다 https://select2.org/getting-started/basic-usage –

그리고 당신은 당신의 웹 사이트에 또 다른 문제가 있습니다 –

... 당신은 그것을 배열을 검색하지 않습니다 의미가 6 MINLENGTH있어 시도 , minLength 매개 변수를 사용하여 코드를 실행하고 예상대로 작동했습니다.

출처

2017-11-02 11:18:44 Chris

jquery 자동 완성이 어떤 결과도 표시하지 않습니다.

답변

관련 문제