Materialize.css 자동 완성 - minLength = 0으로 목록을 여는 방법

Question

Materialize.css 자동 완성 사용하기 : 문자를 입력하지 않아도 텍스트 상자에 초점을 맞추어 목록을 열길 원합니다. 내가 설정하려고 {MINLENGTH : 0} :

이

$('#dataset_input').autocomplete({data: res, limit : 20, minLength: 0}) 

하지만 이을 작동하는 것 같다하지 않습니다.

(GitHub의에서) 나는 발에 대한 검사를 의심하는 이유 :이 경우

if (data.hasOwnProperty(key) && 
         key.toLowerCase().indexOf(val) !== -1 && 
         key.toLowerCase() !== val) { 
        // Break if past limit 
        if (count >= options.limit) { 
         break; 
        } 

와 발 길이가 0 또 다른 방법이 있나요?

Answer 1

코드가 materializecss 버전 v0.98.2와 잘 작동하는 것 같습니다.

방금 ​​materializecss 웹 사이트의 샘플을 가져 와서 자동 완성을위한 샘플 데이터가 포함 된 코드를 추가했습니다.

이

은 내가 한 그것은 일 것입니다 :

<div> 
    <div class="row"> 
     <div class="col s12"> 
      <div class="row"> 
       <div class="input-field col s12"> 
        <i class="material-icons prefix">textsms</i> 
        <input type="text" id="autocomplete-input" class="autocomplete"> 
        <label for="autocomplete-input">Autocomplete</label> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
<script> 
    $(document).ready(function() { 
     $('#autocomplete-input').autocomplete({data: {"Apple": null,"Microsoft": null,"Google": 'https://placehold.it/250x250'}, limit : 20, minLength: 0}) 
    }); 
</script>