在 Twiiter Bootstrap v2 中整合 Typeahead / JSON 数据源？答案

【问题标题】：Consolidate Typeahead / JSON data source in Twiiter Bootstrap v2?在 Twiiter Bootstrap v2 中整合 Typeahead / JSON 数据源？
【发布时间】：2012-02-21 16:54:12
【问题描述】：

我有多个字段需要 BS2 的新 Typeahead 功能。我不想为表单上的每个字段重复数据，而是想将它合并到一个地方，可能是 JS 文件。我只是不确定确切的语法。

以下是我的一个领域：

【问题讨论】：

标签： php javascript html json twitter-bootstrap

【解决方案1】：

Bootstrap 中的 typeahead 功能实际上只是 jQuery UI 的autocomplete 功能

跳过data-provide 属性，自己初始化字段。你应该可以说

$('.typeahead').typeahead({
  source: [ ... your array ... ]
});

这就是Bootstrap's own docs 所说的，它与jQuery UI's docs for Autocomplete 匹配

【讨论】：

谢谢 - 我盯着页面看了这么久，我错过了源属性。而且关于JQuery UI的tip也很有帮助！
@Flambino 跳过 data-provide 属性是什么意思？引导文档中的示例是这样的：当我们删除它时，我应该添加一个带有该脚本代码的类： $('.typeahead').typeahead({ source: function (query, process) { return $.get('/typeahead', { query: query }, function (data) { return process(data.options); } ); } });
@Flambino 如果你能在你的答案中添加一个 jsfiddle 那就太棒了
@motto 我希望你明白我无意或不想更新一个 6 个月前的答案 - 特别是因为它仍然有效。请参阅 jQuery 的文档。他们的演示和上面的一样。