twitter-bootstrap - 实现预先输入，使项目成为链接

Question

我如何实现 bootstrap-typeahead.js 以使其查看一长串链接并且可以单击建议的选项以将您带到其特定页面？

例如，在 twitter 的网站上，如果您在他们的搜索框中搜索某些内容，某些特定人的匹配项会以链接的形式返回，您可以单击它们直接进入页面，而不必搜索它们。默认情况下，预先输入只是将当前输入替换为您单击的结果，而不是将您带到与该链接对应的页面。

该列表只是一堆超链接。

Answer 1

您可以使预先source输入的链接列表，然后使用该updater功能导航到选定的链接。请参阅我的回答：Utilizing Bootstrap's typeahead as a search function

如果您只想在预输入中显示实际的网址（链接），请执行以下操作..

var links = [
  "/login",
  "/",
  "/user",
  "/tags"
];

$('.typeahead').typeahead({
  minLength:2,
  updater: function (item) {
    /* navigate to the selected item */
    window.location.href = item;
  },
  source: links
});

演示

Answer 2

我最终使用了 twitter 的typeahead.js。