Bootstrap 3 typeahead.js，使用Bootstrap 2中的類似函數

Question

我已經將Bootstrap 2更新爲Bootstrap 3，最大的問題是typeahead已被刪除，建議使用typeahead.js。所以我安裝了它，並預輸入工作容易使用沒有問題，但我也使用其他功能，如：使用typeahead.js

$('#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) { 
     ... 
    } 
}); 

我怎樣才能實現的功能相似？

在https://github.com/twitter/typeahead.js像

typeahead:initialized, typeahead:opened, typeahead:closed 

一些功能，但也有關於如何使用它們

Answer 1

你也可以嘗試使用「舊」插件沒有例子，請參閱：https://github.com/bassjobsen/Bootstrap-3-Typeahead。

typeahead:initialized等你提到的事件。您可以使用它們在事件發生時觸發某些代碼，如$('typeahead').on('typeahead:initialized',function())。

您可以使用filter函數添加像matcher這樣的函數。

當基準呈現爲建議，基準對象是 上下文傳遞給模板引擎。這意味着如果您在數據對象中包含任意 任意屬性，那些用於呈現建議的模板將可以使用這些屬性 。

這可以用來實現高亮功能。所以你將不得不區分數據函數，模板函數和事件。