Thay đổi vị trí tự động hoàn thành giao diện người dùng jQuery - Bật lên, thay vì xuống

Question

Tôi đang đặt hộp tự động hoàn tất ở cuối trang và tôi muốn kết quả bật lên TRÊN hộp văn bản thay vì bên dưới. Tôi có thể làm cái này như thế nào?

Answer 1

Dường như tôi đã có thể trả lời câu hỏi của riêng tôi rồi. Tôi mở ra một giải pháp tốt hơn nếu ai đó có nó. Tôi đã thêm điều này vào phần khởi động tự động hoàn tất .. về cơ bản nó sẽ đặt lại vị trí của ô mở cho một bản bù mới.

open: function(event, ui) { 
    var autocomplete = $(".ui-autocomplete"); 
    var oldTop = autocomplete.offset().top; 
    var newTop = oldTop - autocomplete.height() - $("#quick_add").height() - 10; 

    autocomplete.css("top", newTop); 
} 

Answer 2

Bạn có thể sử dụng giao diện người dùng jQuery Position utility. Dưới đây là một ví dụ:

$(".ui-autocomplete").position({ 
    my: "left bottom", 
    at: "left top", 
    of: $("#quick_add"), 
    collision: "flip flip" 
}); 

Answer 3

phiên bản hiện tại của jQuery UI cho phép đưa ra các Autocomplete phụ tùng một đối tượng vị trí với các tùy chọn, với các tính chất tương tự như widget Chức vụ nêu trên. vì vậy bạn có thể sử dụng điều đó để định vị danh sách đề xuất tùy thích.

Answer 4

Đưa câu trả lời @ mvonlintel trong một cách khác, thiết lập vị trí trình đơn đề nghị trong tờ khai phụ tùng:

$('selector').autocomplete(
{ 
    position: { my: "left bottom", at: "left top", collision: "flip" }, 
    . 
    . 
});