jquery - 如何自定义 jquery 自动完成以在 DIV 中显示

Question

我只是想知道，我以前使用过自动完成插件，但 jquery 网站上的示例似乎非常简单和有用:

$(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>

但是，发布的结果每个都在输入框中。当您点击离开结果时，它们就会消失。

1) 我需要结果不会消失，只要输入中的文本与数组中的某些值匹配，就需要始终显示它。

2) 结果应显示为 div。我不需要单击选项并将其显示在文本框中的功能。我真的只是想进行动态即时搜索。

问候， 泰勒。

Answer 1

保持自动完成打开的有趣 hack(这不能回答您的问题，但可能对到达那里有用):

http://jsfiddle.net/WUxPd/

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