提供jquery-typeahead工作示例

Question

我正在尝试制作jquery-typeahead的第一个演示示例“Country v1”： http://www.runningcoder.org/jquerytypeahead/demo/

我拥有的： https://jsfiddle.net/0akjs4d0/

$.typeahead({
  input: '.js-typeahead-country_v1',
  order: "desc",
  source: {
    data: [...]
  },
  callback: {
    onInit: function(node) {
      console.log('Typeahead Initiated on ' + node.selector);
    }
  }
});

即使我输入输入框，我根本看不到建议列表。试过Chrome / FF。

有人可以帮助我让它发挥作用吗？

Answer 1

出于某种原因，将minLength:1添加到options对象可以使其正常工作。根据{{​​3}}，这是minLength的默认值，因此不应该被要求。

另请注意node.selector函数中的callback为undefined。您可以在[0]的{​​{1}}属性中找到DOM元素，因为它是一个jQuery实例：

node

docs