jquery ui自动完成输入元素需要显示鼠标悬停和聚焦时的所有值

Question

演示：http://jqueryui.com/autocomplete/ 我在上面的功能实现了我的网站，客户端要求是，输入元素会显示鼠标悬停和集中输入元素时的所有值。

Answer 1

您必须在初始化自动完成时设置minLength: 0，然后在输入字段上创建一个focus侦听器，该字段调用自动完成插件的search :)。

魔术代码:)

$("#tags").autocomplete({ 
    source: availableTags, 
    minLength: 0 
}); 

$("#tags").focus(function() { 
    $("#tags").autocomplete("search", ""); 
}); 

您可以将focus听众改为你想（和jQuery支持）的任何事件。看看JQuery API的活动部分。搜索方法的第二个参数指定搜索字符串。如果它为空，自动完成显示整个列表。这也完全记录在JQuery UI Autocomplete API。

我用一个例子创建了一个JSFiddle。