使用Jquery自動完成功能時如何刪除篩選條件並在“文本輸入”字段的焦點上顯示數據

Question

這是一個負責顯示自動建議的程序。

當我將焦點保持在標簽輸入字段內時，它應顯示源內部存在的所有可用數據（我不需要任何過濾條件）

在文本輸入字段的焦點上，它應該顯示所有數據

這是我的jsfiddle

http://jsfiddle.net/n30bku6v/1/

$(document).on('focus', '#tags', function() {
    $( "#tags" ).autocomplete({
      source: availableTags
    });
});    

你能告訴我怎么做嗎

Answer 1

我認為首先您應該將autocomplete初始化從onFocus回調中onFocus ，因此不會在每個焦點事件上進行初始化。

為了實現所需的行為，可以使用minLength屬性和search方法，如下所示：

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

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

我們說使用minLength可以使自動完成功能即使在沒有查詢的情況下也能正常工作，並且search方法用於觸發帶有空查詢的自動完成功能。

工作演示。