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。