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

时间:2011-03-17 19:11:05

标签: jquery-ui autocomplete

我正在使用jQuery v1.4.4和jQuery UI 1.8.10。我在文本字段上有一个自动完成功能,当用户输入某些文本时,它会正常工作,显示结果。此时,用户可以单击结果外部或按“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"); })

1 个答案:

答案 0 :(得分:6)

问题是当输入具有焦点时,ESC /单击仅关闭注册。你可以做的是在程序打开它之后在自动完成上调用focus

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

这是一个有效的例子:

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