Tự động hoàn thành chỉ hiển thị kết quả N tin nhắn có sẵn, sử dụng các phím mũi tên lên và xuống để điều hướng. thay vào đó hiển thị danh sách

Question

vấn đề của tôi là rõ ràng.

Tôi đang sử dụng jquery autocomplete và tôi không biết tại sao nó chỉ cho tôi chỉ được thông báo:

9 results are available, use up and down arrow keys to navigate. 

Không hiển thị cho tôi danh sách các kết quả.

Đây là mã của tôi:

<p class="select-c"> 
    <label for="fcb">Location</label> 
    <input id="fcb" name="fcb" type="text">       
</p> 


$("#fcb").autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       type: "GET", 
       dataType: 'json', 
       url: "../ws/city/" + request.term, 
       async: true, 
       success: function(data) { 
        response($.map(data, function(item,key) { 
         return { 
          label: key, 
          value: item.id_town+"#"+item.id_province 
         } 
        })); 
       }, 
       error: function (result) { 
        alert("Due to unexpected errors we were unable to load data"); 
       } 
      }); 
     }, 
     minLength: 2 
    }); 

với kết quả như sau:

gì có thể là vấn đề ??

Answer 1

Kiểm tra CSS của bạn, có thể bạn đang ẩn phần tử menu. Hãy thử với:

.ui-autocomplete { 
    z-index: 10000000; 
} 

Answer 2

Chỉ cần kiểm tra nếu bạn đang nhập khẩu các css đúng để sửa danh sách kết xuất

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 

---

Và nếu bạn cũng muốn loại bỏ các tin nhắn, thêm các mục sau đây sau khi mã nguồn

$("#fcb").autocomplete({ 
    //your source info 
    messages: { 
     noResults: '', 
     results: function() {} 
    } 
}); 

Answer 3

.ui-helper-hidden-accessible { 
      display: none; 
     }