Autouzupełnianie wyświetla tylko komunikat Wyniki N są dostępne, użyj klawiszy strzałek w górę iw dół, aby nawigować. zamiast tego pokaż listę

Question

mój problem jest jasny.

Używam jquery autouzupełniania i nie wiem, dlaczego to pokazuje mi tylko wiadomość:

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

bez pokazywania mi listę wyników.

To jest mój kod:

<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 
    }); 

z wynikami jak:

Co może być problem ??

Answer 1

Sprawdź swój CSS, może ukrywasz element menu. Spróbuj:

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

Answer 2

Wystarczy sprawdzić, czy importujesz poprawny css skorygować listę renderowania

<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" /> 

---

A jeśli chcesz, aby usunąć ten komunikat, należy dodać następujący wpis po źródła

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

Answer 3

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