jQuery-UI 자동 완성 메뉴가 초기화시 표시됩니다.

Question

Chrome에서 내 웹 사이트를 사용해 보았는데 제대로 작동했습니다. 그러나 IE 11에서 시도했을 때, 모든 자동 완성 메뉴가 화면의 임의의 위치에 나타났습니다. 이상한 행동 ...

페이지로드 (입력이 보이지 않지만 자동 완성 메뉴가 표시됨)가 발생하면 해당 버튼을 클릭하면 사라지고 정상적으로 작동합니다.

어떻게해야합니까?

JS :

$('document').ready(function() { 
    $("#field-name").autocomplete({ 
     source: [ 
      {label: "Foo", value: 1}, 
      {label: "Bar", value: 2}, 
      {label: "Baz", value: 3} 
     ], 
     select: function(event, ui) { 
      alert(ui.item.value); 
     }, 
     close: function(event, ui) { 
      $(this).trigger("change"); 
     }, 
     delay: 10, 
     minLength: 0 
    }); 
}); 

HTML :

<div style="visibility:hidden;"> 
    <input type="text" id="field-name" placeholder="Enter name" /> 
</div> 

Answer 1

내가 발견 input 이벤트와 IE의 그 이상한 행동이. 로드 중의 입력 필드가 비어 있어도 (자리 표시 자 포함) 호출 된 이벤트입니다.