javascript - Bootstrap Typeahead 转义？

Question

所以我使用 Bootstrap typeahead 插件来显示类列表。它适用于大多数类(class)，但如果您单击驾驶员教育的下拉列表，文本在输入字段中显示为“驾驶员教育”。

有什么办法可以解决这个问题吗？

Answer 1

这是因为您将源数组定义为数据属性，因此使用 HTML 实体进行解释。相反，当在 javascript 处理程序中定义选项时，作为 ' 的特殊字符将在列表下拉列表中正常显示，然后在您单击时在输入字段中显示:

没有数据属性的 HTML:

<input type="text" data-provide="typeahead" id="stackoverflow">

改为 jquery 构造函数:

$("#stackoverflow").typeahead({
   "source" : ["Driver's Education", "Toys'r'us Education"] //and so on
   //(,) rest of options, if any
});