Il completamento automatico mostra solo il messaggio N i risultati sono disponibili, utilizzare i tasti freccia su e giù per navigare. invece mostra la lista

Question

il mio problema è chiaro.

sto usando jQuery completamento automatico e non so il motivo per cui mi mostra solo il messaggio:

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

Senza di mostrarmi l'elenco dei risultati.

Questo è il mio codice:

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

con risultati come:

Quale potrebbe essere il problema ??

Answer 1

Controlla il tuo CSS, forse stai nascondendo l'elemento del menu. Prova con:

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

Answer 2

Basta controllare se si sta importando il CSS corretto per correggere l'elenco di rendering

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

---

E se si vuole anche per rimuovere il messaggio, aggiungere la seguente voce dopo fonte

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

Answer 3

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