javascript - jQuery UI 自动完成功能

Question

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

这是我所做的示例的链接：http: //jsfiddle.net/Tg7Rt/2/

这是我的问题：

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

• 假设用户想输入“桃子”这个词，但在自动完成中找不到。我希望用户按“输入”并能够将单词添加到 .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/