提供 jquery-typeahead 工作示例

Question

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

$.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 对象使其工作。根据 docs，这是 minLength 的默认值，因此不需要。

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

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

updated fiddle

提供 jquery-typeahead 工作示例

Provide jquery-typeahead working example

jquery

typeahead.js