2011-03-17 39 views
2

我正在使用jQuery v1.4.4和jQuery UI 1.8.10。我在文本字段上有一个自动完成功能,当用户在某些文本中输入时可以正常工作,显示结果。此时用户可以单击结果外部或按'Esc'关闭结果列表。jQuery UI.Autocomplete搜索方法不关闭结果列表

如果我使用搜索方法以编程方式开始搜索,结果也会显示,但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"); }) 

回答

6

的问题是,ESC /点击关闭仅寄存器当输入具有焦点。你可以做的是自动完成通话后focus打开程式设计是:

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

这里是一个工作示例:

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

+0

就是这样,完美。感谢Adam – 2011-03-17 20:09:49