Question

如何实现bootstrap-typeahead.js，以便查看一长串链接，并且可以点击建议的选项将您带到他们的特定页面？

例如，在Twitter的网站上，如果您在搜索框中搜索某些内容，特定人员的某些匹配将返回为允许您单击它们直接转到该页面而不必搜索它们的链接。默认情况下，typeahead只会将当前输入替换为您单击的结果，而不是将您带到与该链接对应的页面。

列表只是一堆超链接。

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
});

Demo

Answer 2

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

实现typeahead，使项目成为链接

2 个答案:

Demo