jQuery UI Autocomplete Funktionalität

Question

Ich versuche, eine Autovervollständigung Eingabe auf meiner Website und ich habe mich entschieden, nur die jQuery UI Autocomplete-Widget, da ich in einige Probleme lief. Aber das löst nicht alles!

Hier ist ein Link zu einem Beispiel, das ich tat: http://jsfiddle.net/Tg7Rt/2/

Hier sind meine Probleme:

• Der Benutzer auf dem tatsächlichen Wort in der ui-Menüfeld klicken muss, die nach unten fällt. Ich möchte, dass der Benutzer in der Lage ist, auf dieselbe Zeile, d. H. Rechts vom Wort, zu klicken.

• Angenommen, der Benutzer wollte das Wort "Peach" eingeben, das nicht in der Autocomplete gefunden wird. Ich möchte, dass der Benutzer "enter" drückt und in der Lage sein muss, das Wort zur Liste hinzuzufügen.

Vielen Dank für die Hilfe!

Answer 1

Für die erste Anfrage, denken Sie daran, auch jQuery ui CSS aufzunehmen. Für die zweite, fügen

$('#my_input').keyup(function(e){ 
    if(e.which === 13){ 
     $('ul').append("<li>" + this.value + "</li>"); 
     this.value = ''; 
    } 


}); 

http://jsfiddle.net/Tg7Rt/7/