0

我已经将Bootstrap 2更新为Bootstrap 3，最大的问题是typeahead被去掉了，推荐使用typeahead.js。所以我安装了它，并且 typeahead 的简单使用没有问题，但我也使用其他功能，如：

 $('#my_field').typeahead({
     source : [list_of_items],
     matcher: function(item) {
         foo();
         return item;
     },
     updater : function(item) {
         foo2();
         return item;
     },
     closed: function(item) {
       ...
     },
     autocompleted: function(item) {
       ...
     }
 });

如何使用 typeahead.js 实现类似的功能？

在https://github.com/twitter/typeahead.js下有一些功能，如

typeahead:initialized, typeahead:opened, typeahead:closed

但是没有关于如何使用它们的例子

4

1 回答 1

1

您也可以尝试使用“旧”插件，请参阅：https ://github.com/bassjobsen/Bootstrap-3-Typeahead 。

typeahead:initialized您提到的等是事件。您可以使用它们在事件发生时触发一些代码，例如$('typeahead').on('typeahead:initialized',function()).

您可以使用该filter功能添加匹配器等功能。

当基准呈现为建议时，基准对象是传递给模板引擎的上下文。这意味着如果您在基准对象中包含任意属性，这些属性将可用于用于呈现建议的模板。

这可以用来实现高亮功能。

所以你必须区分数据函数、模板函数和事件。

于 2013-10-02T11:45:16.733 回答