将 typeahead.js 与 Bloodhound.md 和外部 json 一起使用

Question

我尝试将typeahead.js 与bloodhound.md 和外部json 数据源一起使用。我想我会尽可能准确地遵循 github 上提供的文档和示例。但是，我无法实现所需的下拉菜单。

你能告诉我，我做错了什么吗？

[编辑]
我把整个代码（js和json）都移到了jsbin，所以跨域调用应该没有问题。

在此处查找示例代码： http://jsbin.com/vajamixubo/1/edit?html,js,output

我也将感谢有关如何有效调试 typeahead.js 调用的提示。

Answer 1

关于您的示例，您缺少对 Typeahead 和 Bloodhound 库的引用。将以下内容添加到您的 HTML：

<script src="http://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.10.4/typeahead.bundle.min.js"></script>

现在 typeahead 控件可以工作，但是当您搜索建议结果时，它会将建议结果显示为“未定义”。这是因为你的显示键不对，应该是：

displayKey: 'genre'

可以在here找到工作示例。

最后，在浏览器中轻松调试javascript添加：

debugger;

添加到您的代码中（例如，尝试将其放在 javascript 的开头）。如果您打开浏览器控制台，脚本执行将在这些调试语句处停止。

或者，在您的示例中打开浏览器控制台，单击“源”选项卡，然后导航到“（无域）/vajamixubo.js”。这是由 jsbin 执行的 javascript，您可以在此处放置断点。