jQuery 자동 완성 플러그인 1.2.3 반응 너비 드롭 다운

Question

현재이 자동 완성 플러그인을 github에 사용하신 사람이 있습니까? 자동 완성 함수를 호출하면 드롭 다운 상자의 픽셀 (예 : '너비 : 200')의 너비 변수를 전달할 수 있습니다.

드롭 다운을 입력란의 크기와 같게하려고합니다. 이것은 잘 입력 필드의 너비를 알고 있지만 사용 장치에 따라 너비를 변경하는 반응 입력 필드를 사용하는 경우, 어떻게 현재 입력 필드의 너비로 설정에 대해 갈 것이라고?

Answer 1

이 플러그인에 대해 이야기하는 경우 : https://github.com/devbridge/jQuery-Autocomplete.

같은 문제가 발생하여 해결 방법을 만들었습니다.

function page_resize(){ 
    $('.autocomplete-suggestions').css('width', $('#input').width()); 
} 

Answer 2

나는이 문제를 해결하기 위해 꽤 몇 가지 방법을 시도 : 페이지 내가이 기능을 실행 크기를 조절 할 때마다 다음

$('#input').autocomplete({ 
    width: 780 
}); 

:이 같은 고정 된 값으로 폭을 설정합니다. 가장 좋은 해결책은 너비를 매우 작은 크기로 설정하는 것인데 실제로 크기를 조정하고 할당 된 너비보다 크게 조정합니다.

예 CSS :

.ui-autocomplete { 
    max-height: 400px; 
    width: 200px; /* just setting it very small it will resize to the input field*/ 
    overflow-y: auto; 
    /* prevent horizontal scrollbar */ 
    overflow-x: hidden; 
    z-index: 1000; 
}