jQuery UI 자동 완성이 이상한 방식으로 작동합니다.

Question

입력 필드 중 하나에서 "자동 완성"을 사용하고 싶습니다.

기능 (자동 완성되어야 입력)의 HTML

$("input[data-autocomplete]").each(function() { 
    $(this).autocomplete({ source: $(this).attr("data-autocomplete") 
    }); 

그리고 편 :하고 작동-거의

<input data-autocomplete="@Url.Action("GetTagsByName","Ideas")" 
    id="tags" name="tags" type="text" value="Add tags separated by commas"/> 

. 태그 목록은 정상적인 "자동 완성"방식이 아닌 다음과 같이 표시됩니다. 화면 하단에는

<a class="ui-corner-all ui-state-hover" tabindex="-1" 
     id="ui-active-menuitem">aaa</a> 

으로 표시됩니다. jQuery UI의 전문가는 아니지만 누구나 내가 뭘 잘못했는지 알 수 있습니까?

Answer 1

문제는 아주 간단했습니다. 내 CSS 파일이 엉망이었습니다.