jQuery UI.Autocomplete搜索方法不关闭结果列表

Question

我使用的是jQuery v1.4.4和jQuery UI 1.8.10。我在文本字段上有一个AutoComplete，当用户输入某些文本时，结果会显示出来。此时，用户可以单击结果的外部或按“Esc”来关闭结果列表。

如果我使用搜索方法以编程方式启动搜索，结果也会显示出来，但是ESC按钮或单击结果框外的不会关闭结果。

我在这里错过了什么？

Html：

<input id="txtTest" />
<input type="button" id="btnGo" value="Go" />

JavaScript：

var availableTags = [
        "ActionScript",
        "Java",
        "Java 6",
        "JavaScript",
        "Scheme"
    ];

$("#txtTest").autocomplete({ source: availableTags });
$("#btnGo").click(function() { $("#txtTest").autocomplete("search", "j"); })

Answer 1

问题是只有当输入有焦点时，ESC/单击才会关闭注册。您可以做的是在自动完成程序打开之后调用focus：

$("#btnGo").click(function() { $("#txtTest").autocomplete("search", "j").focus(); })

下面是一个有用的例子：

http://jsfiddle.net/magicaj/NtPnm/1/