5

Twitters Typeahead匹配短语中任何位置的任何单词,因此搜索“car”的结果可以来自具有匹配“car”的第二个单词的短语。例如,在带有名片的列表中搜索汽车时。名片出现,更糟糕的是它出现在汽车之前。IE:

Search Term: Car
Suggestions:
Business Card
Car
Car Pool
Carbon

我希望它更像谷歌和推特(他们从不建议与从一开始就输入的内容不完全匹配的内容),其中输入的词是最相关的,所以在输入汽车时,汽车会比名片更相关。

我希望它实际上只是停止匹配第二个单词,直到有人键入空格并开始第二个单词。所以在上面的例子中名片不会出现在列表中,除非我输入:

Business C

我如何才能停止这种匹配和建议从键入搜索开始时不完全匹配的单词的行为。

另一种说法是如何阻止预输入在空间上进行标记或拆分。预输入总是从单词的开头匹配 (^),因此如果空格未被识别为单词边界,它将更符合 google 和 twitter 用户的预期。

谢谢你的帮助,泰勒

更新 1。

我更新了我的数据集以返回一个具有值和标记的 Datum,以便 typeahead _transformDatum 方法不会通过在空格上拆分来标记标记。这很好用,现在可以按需要工作:

价值观:苹果、大猿

搜索词:Ap 建议:Apple

这就是我要的。但现在有一个新问题。

ISSUE: 使用带有空格的搜索词时,不会返回任何建议。

所以现在当我输入“great”时,只要我输入一个空格,建议就会停止。:

搜索词:大(带空格) 建议:(无)

我认为令牌不能有空格。即使文档没有在问题中明确说明这一点:

数据的规范形式是具有值属性和标记属性的对象。value 是表示数据基础值的字符串,tokens 是帮助 typeahead.js 将数据与给定查询匹配的字符串集合。

4

2 回答 2

1

恰当的是:

  matcher: function (item) {
      if (item.toLowerCase().indexOf(this.query.trim().toLowerCase()) == 0) {
          return true;
      }
  },
于 2013-09-13T12:02:36.360 回答
0

你可以

$('.typeahead').typeahead({source:myarray, matcher: function(item){
    var reg = new RegExp('^'+this.query);
    if( item.match(reg) ) return true;
    else return false;
 }})
于 2013-05-13T08:25:58.323 回答