javascript - jQuery UI 自动完成功能

Question

我正在尝试在我的网站上放置一个自动完成输入，并且我决定只使用 jQuery UI 自动完成小部件，因为我遇到了一些问题。但这并不能解决所有问题!

这是我做的一个例子的链接:http://jsfiddle.net/Tg7Rt/2/

这是我的问题:

• 用户需要点击下拉的 ui-menu 框中的实际单词。我希望用户能够单击同一行，即单词的右侧。

• 假设用户想要输入单词“Peach”，但在自动完成中找不到。我希望用户按下“enter”并能够将单词添加到 .list

感谢您的帮助!

Answer 1

对于第一个请求，请记住还包括 jQuery ui css。对于第二个，添加

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


});

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