ajax、php 和 twitter 的 bootstrap typeahead

Question

好的，所以我正在尝试填充 twitter 引导程序的 typeahead，我遵循了这个答案： Twitter bootstrap Typeahead to populate hrefs

但我不断得到：

未捕获的类型错误：无法调用未定义编辑组的方法“toLowerCase”？id=14:239 $.typeahead.matcher 编辑组?id=14:239

这是它的代码：

matcher: function (obj) {
    var item = JSON.parse(obj);
    return ~item.title.toLowerCase().indexOf(this.query.toLowerCase())
},

我查看了网络选项卡，看看是否获得了正确的数据，我得到了这个：

0: {title:The1Prodigy1, href:1}
href: 1
title: "The1Prodigy1"
1: {title:test_suspend_user, href:4}
href: 4
title: "test_suspend_user"
    2: {title:test_ban_user, href:5}
3: {title:test_delete_user, href:6}
4: {title:user_test_edit, href:7}

最后一个问题，我需要href吗？因为，我要做的就是帮助用户输入正确的用户名。我不希望它链接到另一个页面或任何东西。这是为了一个表格...

编辑： 我添加了 item.title 的警报，它发回 undefined... 为什么会这样？

谢谢， 阿拉

Answer 1

如果您的 Typeahead source 中的项目是对象，您将不得不跳过一些障碍。否则，您将收到该错误，因为 Bootstrap Typeahead 尝试在内部调用 toLowerCase() 来比较项目、排序项目等。

我不久前发表了一篇关于如何做到这一点的博文：http://victorblog.com/2013/06/21/how-to-use-rich-objects-and-typed-objects-with-bootstrap-typeahead/

我确定您根本没有覆盖 Typeahead 的 updater 函数。