jquery 自动完成触发输入 :focus 上的下拉菜单

Question

我正在使用下面流行的 JQuery 自动完成插件。

http://jqueryui.com/demos/autocomplete/

目前，如果您键入短语，则会出现下拉菜单，但当您单击时，它会隐藏。这可以。然而，恢复下拉列表的唯一方法是单击输入字段并输入更多字符或按 keydown。

关于如何在用户单击输入字段时触发结果下拉菜单有什么想法吗？我尝试触发输入字段的焦点事件，但这不起作用。当输入字段聚焦时，我以某种方式需要手动调用自动完成下拉事件。谢谢。

Answer 1

工作演示 http://jsfiddle.net/CNYCS/

酷；因此，您需要做的就是将焦点事件与自动完成绑定(bind)，剩下的“自动完成”将从那里接管，正如您在演示中看到的那样。

有用的链接:http://forum.jquery.com/topic/how-to-bind-focus-input-to-trigger-autocomplete & http://docs.jquery.com/UI/Autocomplete#method-search

希望这有帮助，

其余代码在jsfiddle中。

代码

  $( "#tags" ).autocomplete({
        source: availableTags,
        minLength:0
    }).bind('focus', function(){ $(this).autocomplete("search"); } );