minLength在jQuery自動完成多值插件

Question

我正在使用jquery自動完成pluguin。配置爲使用多個值。

我設置選項的minLength：2

的minLength選項的工作只對第一個自動提示的話，多個值它不工作。

我如何配置或我需要重寫以解決此問題的方法。

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

Answer 1

的jQuery UI的網站上的多個遠程演示演示此行爲。你只需要添加自定義搜索功能：

$('#autocomplete').autocomplete({ 
    search: function() { 
     // custom minLength 
     var term = extractLast(this.value); 
     if (term.length < 2) { 
      return false; 
     } 
    } 
}); 

參見：http://jqueryui.com/demos/autocomplete/#multiple-remote

Answer 2

我發現基督徒的版本從2012年非常有用的，但這裏的其中在2016年（jQuery UI的1.12.0）工作的重新設計版本：

function split(val) { 
    return val.split(/\s+/); 
} 

function extractLast(term) { 
    return split(term).pop(); 
} 

source: function(request, response) { 
    // delegate back to autocomplete, but extract the last term 
    const term = extractLast(request.term) 
    if (term.length < this.options.minLength) { 
    return false; 
    } 
    response($.ui.autocomplete.filter(
    data, term)); 
} 

的minLength選項需要只是被提供爲通常的，然後將所述source函數內部中使用。如果需要更多上下文，請參閱演示。

Demo