mantener autocompletar ui abierta en todo momento

Question

estoy usando la función de autocompletar ui: over here

necesito el autocompletado de estar abierto en todo momento, por lo que no debería cerrar cuando se hace clic en alguna parte del cuerpo. Lo busqué en Google pero no pude encontrar nada.

Answer 1

aquí es un ejemplo práctico de cómo hacerlo: http://jsfiddle.net/4pk3V/

mantener su caja de autocompletar abierta mediante la búsqueda en la misma entrada de nuevo cada vez que se dispara cerca del evento:

$("#input").autocomplete({ 
    source: availableTags, 

    close : function (event, ui) { 
     val = $("#comment").val(); 
     $("#input").autocomplete("search", val); //keep autocomplete open by 
     //searching the same input again 
     $("#input").focus(); 
     return false; 
    } 
}); 

Answer 2

Hey lo siento por la respuesta tardía!

Creo que esto es mucho más limpio que mantener el foco en la entrada y la búsqueda varias veces.

Prueba esto ...

javascript:

$("#input1").autocomplete({ 
    source: availableTags, 
    close : function (event, ui) { 
     if (!$("ul.ui-autocomplete").is(":visible")) { 
      $("ul.ui-autocomplete").show(); 
     } 
    } 
}); 

DEMO: http://jsfiddle.net/dirtyd77/AJtvJ/

Espero que esto ayude!

Answer 3

También hay un CSS única opción:

<style> 
    .ui-autocomplete { display: inline-block !important; } 
</style> 

Ejemplo:http://jsfiddle.net/Monstermensch/G7YYZ/1/

---

También debe agregar el siguiente código para evitar problemas si se cambia el tamaño del navegador (fuente: Repositioning jQuery UI Autocomplete on browser resize):

$(window).resize(function() { 
    $("#input1").autocomplete("search"); 
});