jQueryUI 자동 완성 위젯의 스타일 문제 (원격 데이터 소스 사용)

Question

<input class="ui-autocomplete-input"/>은 자동 완성 될 텍스트 필드를 나타냅니다.

<ul>...</ul>에는 텍스트 입력란의 일치 항목 목록이 포함되어 있습니다. 입력시 원격 호출로 문서에 추가됩니다.

<ul>...</ul>은 닫는 </body> 태그 바로 뒤에 추가됩니다. <ul>...</ul>이 <input class="ui-autocomplete-input"/> 바로 뒤에 위치 할 것으로 예상했습니다. 이 문제가 발생하지 않으므로 <ul>...</ul>은 포함 된 범위 외부에 있고 div이며 결과 스타일이 손상됩니다.

제안 사항? <ul>...</ul>이 문서에 배치되는 위치를 지정할 수 있습니까? 시간 내 주셔서 감사드립니다.

Answer 1

포스트 소스 다음 appendTo

하지만 기본적으로 당신이 필요로 그냥 부모를 찾기 위해 필요 (그래서 우리는 우리가 여기와 협력하고 정확하게 볼 수 있습니다)

$ ("UL"). appendTo ($ (" input.ui-autocomplete-input "). parent());