javascript - Bootstrap Typeahead エスケープ?

Question

そのため、Bootstrap typeahead プラグインを使用してクラスのリストを表示しています。ほとんどのコースで問題なく機能しますが、Driver's Education のドロップダウンをクリックすると、テキストが入力フィールドに「Driver's Education」として表示されます。

これを修正する方法はありますか？

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
});