Materialize CSS 자동 완성 아래쪽 화살표가 작동하지 않습니다.

Question

여기 내 코드입니다. 기본 코드를 사용하려고했지만 아무 것도 작동하지 않았습니다. 다음에서 나는 PHP에서 json을 가져 와서 자동 완성에 사용합니다. 드롭 다운이 표시되지만 아래쪽 화살표가 작동하지 않습니다.

나는 내 자바 스크립트 파일에 문제가있을 수 있습니다 생각 구체화 CSS 버전 0.97.7

<div id="productEditor" class="row"> 
        <div class="col s12"> 
         <!-- <input type="text" class="autocomplete" name="product_finder" id="product_finder" placeholder="Type Product To Add Or Update"> --> 
         <input type="text" id="autocomplete-input" class="autocomplete"> 
         <script> 
          var autofilldata=""; 
          function autocomplete_fetch() 
          { 
           $.ajax({ 
            url: "product_list.php", 
            dataType: "json", 
            success: function(data) { 
             console.log(data); 
             autofilldata=data; 
             setAutoFill(); 
            } 
           }); 
          } 
          function setAutoFill() 
          { 
           $("input.autocomplete").autocomplete({ 
            data:autofilldata 
           }); 
          } 
          $(document).ready(function($) { 
           autocomplete_fetch(); 
          }); 
         </script> 
        </div> 

Answer 1

을 사용하고 있습니다. 그래서 나는 최신 CDN (0.98.2)으로 테스트 해 보았습니다.

작업 후 나는 코드 만 아래쪽 화살표 테스트 버전 다음 에서 0.97.7 버전으로 테스트를하지만 난 그것을 위해 CDN을 사용하는이 시간 로컬이 아닌 파일

에 생각 작동하지 않습니다 자동 완성

0.98.0

모두 0.97.7

및 0.97.8 아래쪽 화살표

0.97.8

0.97.7

자동 완성 작동하지 않습니다. 그러나 0.98.0에서 작동합니다.

지금부터 업데이트 된 프레임 워크를 사용하기로 결정했습니다. 새 버전에서는 항상 개선이있을 것이며 그 버전에서는 문제가 해결되었습니다.