twitter typeahead.js - 将可点击的字体真棒图标添加到结果列表

Question

我想通过添加可点击的字体真棒图标来自定义typeahead / bloodhound的结果列表显示。用例是允许用户启动其中一个结果项的编辑，而不是选择它。

这可能吗？

我添加了此建议模板：

    suggestion: function(el){
     return '<div><strong>' + el.value + '</strong>' + 
    '<span style=display:inline-block; float:right;">
    <a href="test.php"><i class="fa fa-minus-circle"></i></a><span></div>'},
}

这会显示图标并使其可点击，但图标显示在el.value旁边。

Answer 1

答案是不使用内联样式，而是添加新的类定义：

00 00 ff ff 00 00 00 ff ff

并且图标显示正确，在建议行的末尾对齐。