提供jQuery的預輸入工作示例

Question

我試圖讓第一演示的例子「國家V1」從jQuery的預輸入工作： 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對象使其工作。根據docs，這是默認值minLength，所以不應該要求。

另請注意node.selector在您的callback功能是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