Question

我正在尝试使用http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-typeahead.php

上的帖子来实现Twitter预订

我已从http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js

下载了typeahead.js 0.11.1

我的HTML

<body>
    <input id="test" type="text" class="typeahead tt-input" autocomplete="off" spellcheck="false">
</body>

我的Javascript是

$(document).ready(function(){
    $('#test.typeahead').typeahead({
        name: 'e',
        local: ['one', 'two', 'three', 'four']
    });
});

但是，预先输入功能不起作用。我在打字时看不到文本框中的任何提示。浏览器控制台也没有登录。

有人可以帮忙吗？提前谢谢。

Answer 1

<强> DEMO

var numbers = new Bloodhound({
    datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.num); },
    queryTokenizer: Bloodhound.tokenizers.whitespace,
local: [
{ num: 'one' },
{ num: 'two' },
{ num: 'three' },
{ num: 'four' },
{ num: 'five' },
{ num: 'six' },
{ num: 'seven' },
{ num: 'eight' },
{ num: 'nine' },
{ num: 'ten' }
]
});

// initialize the bloodhound suggestion engine
numbers.initialize();

// instantiate the typeahead UI
$('input').typeahead(null, {
displayKey: 'num',
source: numbers.ttAdapter()
});

Twitter预先输出的本地数据集无效

1 个答案: