jquery 移动搜索可过滤列表视图

Question

我正在使用 jQuery mobiles listview 向我的用户呈现一个可搜索的列表。假设我有以下三个列表项：

1 这是第一个可搜索的选项。

2 这是第二个可搜索的选项。这不是第一个。

3 此选项是第三个可搜索的选项。

现在，当我输入“the”时，将显示选项一和二。那挺好的。如果我继续并输入“第一个”，将只剩下选项一个。我也需要它来显示选项二，有什么方法可以修改默认搜索以使其按我的意愿工作吗？

简单来说，我希望搜索进行单词匹配，而不是完全匹配。

这是默认搜索的样子：

    customSearch = function(text, searchString) {
        return text.toLowerCase().indexOf(searchString) === -1;
    };

我这里有个 jsfiddle：http://jsfiddle.net/bjornstannek/xLFQ4/

欢迎任何提示！

Answer 1

已更新您的代码DEMO

customSearch = function (text, searchString) {
    var arr = searchString.split(" ");
    for (var i = 0; i < arr.length; i++) {
        if ($.trim(arr[i]) != "") {
            if (text.toLowerCase().indexOf($.trim(arr[i])) == -1) {
                return text;

            }
        }
    }
};
$(function () {
  $('#alist').listview('option', 'filterCallback', customSearch);
});