使用 Bootstrap Typeahead 替代荧光笔答案

【问题标题】：Highlighter Alternative Using Bootstrap Typeahead使用 Bootstrap Typeahead 替代荧光笔
【发布时间】：2015-03-13 22:26:36
【问题描述】：

我目前正在使用来自

的 bootstrap 3 typeahead 模块

https://github.com/bassjobsen/Bootstrap-3-Typeahead

当用户搜索时，有时返回的建议实际上并不包含他们正在搜索的任何文本。

例如，用户可能正在搜索 Athletic Clothing，而我的搜索建议算法可能会将 Nike 返回到 TypeAhead。

一切都很好，除了我通过指定它应该用来显示数据的highlighter 函数来覆盖 TypeAhead 显示。

似乎只有当用户搜索文本出现在建议项中时才会调用荧光笔功能。所以在这种情况下，highlighter 函数不会显示我的 Nike 搜索建议。

有没有办法在每个预先输入的元素上强制使用荧光笔功能？甚至那些不包含用户查询的。

这是我的荧光笔功能：

highlighter: function(data){
                var itm = ''
                         + "<div class='typeahead_wrapper'>"
                         + "<a href='/users.php?user="+data+"'><img width='30' class='typeahead_photo' src='/profiles/" + data + ".jpg' /></a>"
                         + "<div class='typeahead_labels'>"
                         + "<div class='typeahead_primary'><a href='/users.php?user="+data+"'>" + data + "</a></div>"
                         + "</div>"
                         + "</div>";
                return itm;
            }

【问题讨论】：

Twitter 引导程序没有预先输入的组件（至少在 v3 中没有）。请指定您正在使用的库。
github.com/bassjobsen/Bootstrap-3-Typeahead
@BelginFish：我知道这篇文章已经很老了。但是bootstrap-typeahead还有你上面提到的问题吗？

标签： javascript jquery twitter-bootstrap typeahead

【解决方案1】：

我最终使用了一种非常糟糕的方法来解决问题。

我将要返回到预先输入的数据修改为格式

value**matched text

然后在荧光笔函数的顶部，我简单地调用split 以在输出之前从中提取值。

【讨论】：