JQuery UI 자동 완성으로 글 머리 기호 표시

자동 완성 (link) 용 JQuery UI 데모 페이지에는 멋진 검색 상자가 있으며 멋진 색상과 밝은 부분 등이 있습니다. 내가 직접 구현하면 글 머리 기호 목록이 생깁니다. 내 드롭 다운을 제안과 같이 보이게하려면 어떻게해야합니까?JQuery UI 자동 완성으로 글 머리 기호 표시

몇 가지 참고 사항/코드 조각 :

내가 .NET의 땅에서 일하고 있어요, 그래서 호스팅 jquery.min.js를 얻기 위해 그 안에 <asp:ScriptReference>들과 함께 <asp:ScriptManager> 태그를 사용하고 있습니다 (1.4 .2) 및 jquery-ui.min.js (1.8.1) 파일을 다운로드 할 수 있습니다.
내 입력 상자는 매우 간단하다 : 그것은 문제가되지 않습니다 그래서 내가 다시 정확한 데이터를 얻을 수 $(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});

: 같은 <div class='ui-widget'> <label for="terms">Term: </label> <input id="terms" class="ui-autocomplete-input"> </div>

내 자동 완성 보인다. 나는 단지 멋진 그래픽을 원한다. 어떤 생각이라도 대단히 감사 할 것입니다.

출처

2010-04-30 awshepard

당신은 또한 jQuery를 UI CSS 파일을 연결하고 포함되어 있습니까? – Zack

@awshepard - 테마를 만들고 http://jqueryui.com/themeroller/와 문제 해결을 포함 시키십시오. UI CSS없이 일반 LI처럼 보이기 때문에 글 머리 기호로 나타납니다 – karim79

Karim79와 Zack이 언급했듯이 목록의 스타일을 지정해야합니다. 나만의 테마를 만들어 다운로드 할 수 있습니다. 자세한 내용은 here을 참조하십시오. 선택적으로 미리 만들어진 많은 테마 중 하나를 사용하여 문서에 포함 할 수 있습니다. Jquery Download Page으로 이동하여 원하는 테마를 선택하십시오.

그런 다음 바로 .css 파일

<link type="text/css" href="http://yourwebsite.com/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />

출처

2010-05-01 15:53:53 Jamatu

예. 문지름이 있습니다. 감사! – awshepard

JQuery UI 자동 완성으로 글 머리 기호 표시

답변

관련 문제