我试图显示输入的搜索词的最佳匹配.例如
现在Jquery没有给我预期的效果.当我输入：今天一个自动完成将显示任何内容,但如果我键入一天,它将显示以该顺序中的这两个单词开头的搜索结果.我想今天出现的一天是今天的第一天和最后一天.我希望搜索结果显示在其中包含这些单词的顺序并不重要.我在这里看了一下,却找不到这样的东西,这似乎是一种常见的搜索方法,我看不出为什么没有人问过这个问题.是否有一个内置的方法来处理这个？
<!doctype html> <html lang="en"> <head> <Meta charset="utf-8" /> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function() { var availableTags = [ "one day is the first and last today","tuesday is today","one","one day is tomorrow" ]; $( "#tags" ).autocomplete({ source: availableTags,multiple: true,mustMatch: false }); }); </script> </head> <body> <div class="ui-widget"> <label for="tags">Tags: </label> <input id="tags" /> </div> </body> </html>
解决方法
尝试覆盖auto complete提供的默认过滤器逻辑.
// Overrides the default autocomplete filter function to search for matched on atleast 1 word in each of the input term's words
$.ui.autocomplete.filter = function (array,terms) {
arrayOfTerms = terms.split(" ");
var term = $.map(arrayOfTerms,function (tm) {
return $.ui.autocomplete.escapeRegex(tm);
}).join('|');
var matcher = new RegExp("\\b" + term,"i");
return $.grep(array,function (value) {
return matcher.test(value.label || value.value || value);
});
};
或者创建自己的过滤器函数并处理搜索的返回,从而保持完整的过滤器功能.
function customFilter(array,function (value) {
return matcher.test(value.label || value.value || value);
});
};
$("#tags").autocomplete({
source: availableTags,mustMatch: false,source: function (request,response) {
response(customFilter(
availableTags,request.term));
},});
