event - jquery autocomplete focus

Cómo personalizar jquery autocompletar para mostrar en un DIV

Question

Me pregunto, he usado complementos de autocompletar antes, pero el ejemplo en el sitio web de jquery parece muy simple y útil:

$(function() {
    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});



    <div class="demo">
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>
</div>

Sin embargo, los resultados publicados están cada uno en cuadros de entrada. Y cuando haces clic fuera de los resultados desaparecen.

1) Necesito que los resultados no desaparezcan, siempre y cuando haya texto en la entrada que coincida con algunos valores en la matriz, siempre debe mostrarlo.

2) Los resultados deberían aparecer como divs. No necesito la funcionalidad de hacer clic en la opción y hacer que aparezca en el cuadro de texto. Realmente estoy tratando de hacer una búsqueda instantánea dinámica.

Saludos, taylor.

Answer 1

Divertido truco para mantener el autocompletar abierto (esto no responde a tu pregunta, pero tal vez te sirva para llegar allí):

http://jsfiddle.net/WUxPd/

$("#tags").autocomplete({
    source: availableTags,
    close: function(event, ui) {
        $(''.ui-autocomplete'').css(''display'', ''block'')
    }
    });