8
Trang bản trình diễn giao diện người dùng JQuery để tự động hoàn thành (link) có hộp tìm kiếm đẹp mắt và thả xuống với màu sắc đẹp và nổi bật. Khi tôi thực hiện nó cho bản thân mình, tôi kết thúc với một danh sách có dấu đầu dòng. Làm thế nào để tôi nhận được thả xuống của các đề xuất để trông giống như họ?Giao diện người dùng JQuery Tự động hoàn thành hiển thị dưới dạng dấu đầu dòng
Một ghi chú vài/đoạn mã:
- Tôi đang làm việc ở đất NET, vì vậy tôi đang sử dụng thẻ
<asp:ScriptManager>với<asp:ScriptReference>s bên trong nó để có được những jquery.min.js lưu trữ (1,4 .2) và tệp jquery-ui.min.js (1.8.1) từ Google. - hộp đầu vào của tôi là khá đơn giản:
<div class='ui-widget'> <label for="terms">Term: </label> <input id="terms" class="ui-autocomplete-input"> </div> - autocomplete của tôi trông giống như:
$(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});
tôi nhận được dữ liệu chính xác trở lại, vì vậy đó không phải là vấn đề. Tôi chỉ muốn đồ họa lạ mắt. Bất kỳ suy nghĩ sẽ được nhiều đánh giá cao.
Bạn cũng liên kết với các tập tin jQuery UI CSS? – Zack
@awshepard - xây dựng một chủ đề và bao gồm: http://jqueryui.com/themeroller/ và sự cố được giải quyết. Chúng xuất hiện dưới dạng các dấu đầu dòng vì không có giao diện người dùng CSS, chúng trông giống như các số LI điển hình – karim79