首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >推特提前输入本地数据集不起作用

推特提前输入本地数据集不起作用
EN

Stack Overflow用户
提问于 2015-05-11 06:50:24
回答 1查看 2.3K关注 0票数 2

我正在尝试通过在http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-typeahead.php上使用post来实现Twitter提前输入

我从typeahead.js下载了http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js 0.11.1

我的HTML是

代码语言:javascript
复制
<body>
    <input id="test" type="text" class="typeahead tt-input" autocomplete="off" spellcheck="false">
</body>

我的Javascript是

代码语言:javascript
复制
$(document).ready(function(){
    $('#test.typeahead').typeahead({
        name: 'e',
        local: ['one', 'two', 'three', 'four']
    });
});

但是,“提前输入”功能不起作用,我在输入时没有在文本框中看到任何提示。此外,也没有登录浏览器控制台。

有人能帮忙吗?提前谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-05-11 07:31:27

演示

代码语言:javascript
复制
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()
});
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30161219

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档