Utilizando _renderItem tipo de campo de autocompletado

Question

Tengo un campo de autocompletar jQuery que ha estado funcionando bien hasta ahora. Decidí usar _renderItem en él porque quería usar algo de HTML en los resultados. Aquí está mi código:

function prepareClientField() { 

    var renderItemFunction = function(ul, item) { 
    return $("<li></li>") 
     .data("item.autocomplete", item) 
     .append(item.label) 
     .appendTo(ul); 
    }; 

    $("#client_name").autocomplete({ 
    source: clientNames, 
    delay: 0 
    }).data("autocomplete")._renderItem = renderItemFunction; 

    $("#client_name").focus(); 
} 

Por ello, ahora, no puedo usar las flechas arriba/abajo en mi campo de autocompletar. Ni siquiera puedo usar el mouse para hacer clic en un elemento en los resultados. ¿Hay algo más que deba hacer para que esto realmente funcione?

Answer 1

El complemento autocomplete se basa en gran medida en el complemento menu que utiliza elementos a internamente. eliminando así el elemento a de cada elemento rompe el complemento menu.

Puede Bucher manualmente el plugin de menu & tratar de conseguir que funcione, o es necesario encontrar otra solución en la que los artículos tienen una etiqueta a, pero no se juega hasta sus estilos.