1

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

你能告诉我,我做错了什么吗?

[编辑]
我将整个代码(js 和 json)移动到 jsbin,所以跨域调用应该没有任何问题。

在这里找到示例代码:http: //jsbin.com/vajamixubo/1/edit ?html,js,output

对于如何有效调试 typeahead.js 调用的提示,我也将不胜感激。

4

1 回答 1

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'

工作示例可以在这里找到。

最后,在浏览器中轻松调试 javascript 添加:

debugger;

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

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

于 2014-10-22T00:50:39.030 回答