Twitter bootstrap 3 带Typeahead的Bootstrap 3.1.0

我有一个内置于Bootstrap v3.1.0的网站，里面有一个文本输入字段。我想对其应用自动完成，但无法使Typeahead.js正常工作

当我输入某些内容时，不会自动完成

查看代码：

@Html.TextBoxFor(x => x.Manufacturer, new { @class = "form-control manufacturer" })
@Html.ValidationMessageFor(x => x.Manufacturer)

JS代码

$(function() {
    $('.manufacturer').typeahead(null,
        {
            name: 'manufacturers',
            local: ["Audi",
                    "BMW",
                    "Vauxhall",
                    "Toyota"
                   ]
        });
});

---

我做错了什么？我还将

autocomplete=“off”

添加到我的输入字段中，但这仍然没有起到任何作用。我还确保加载了所有脚本。

如果您使用的是twitter typeahead的“HEAD”，那么您在示例中似乎有点落后

var cars = new Bloodhound({
  datumTokenizer: function (d) {
      return Bloodhound.tokenizers.whitespace(d.car);
  },
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  local: [{
      car: "Audi"
  }, {
      car: "BMW"
  }, {
      car: "Vauxhall"
  }, {
      car: "Toyota"
  }]
});

$(function () {
    cars.initialize();
    $('.manufacturer').typeahead(null, {
        name: 'manufacturers',
        displayKey: 'car',
        source: cars.ttAdapter()
    });
});

还有一把小提琴在演奏：

大部分信息可在和中找到