Tự động điền giao diện người dùng JQuery (1.8) cuộn

Question

Tôi gặp sự cố khi định cấu hình mô-đun tự động hoàn thành của giao diện người dùng JQuery. Tôi cần rằng khi lượng dữ liệu để chọn đủ lớn thì thanh cuộn sẽ xuất hiện.

Đây là những gì tôi đã cố gắng:

• trong jquery-ui-1.8.16.css tôi đã setted này:

ui.autocomplete{ max-height: 100px; overflow-y: auto; overflow-x: hidden; }

* như trong ví dụ ui-documentation

Đây là cách tôi khai báo và nhập tự động điền:

$("#myInput").autocomplete({ source: mySource, minLength: 0, });

Tôi không biết tại sao thanh cuộn không xuất hiện, mọi trợ giúp sẽ được đánh giá cao. Cảm ơn nhiều!

Answer 1

Bạn nên ghi đè css đặt nó trong trang như thế này

<style> 
.ui-autocomplete { 
    max-height: 100px; 
    overflow-y: auto; 
    /* prevent horizontal scrollbar */ 
    overflow-x: hidden; 
    /* add padding to account for vertical scrollbar */ 
    padding-right: 20px; 
} 
/* IE 6 doesn't support max-height 
* we use height instead, but this forces the menu to always be this tall 
*/ 
* html .ui-autocomplete { 
    height: 100px; 
} 
</style> 

thay vì thay đổi giá trị trong jquery-ui-1.8.16.css