javascript - x可编辑+ bootstrap 3 + Twitter typeahead.js无法正常工作

我试图将Bootstrap3与很棒的x-editable和typeahead.js集成在一起，但是我无法使其工作:

我尝试了以下

用data-type ='typeaheadjs'标记元素

将type ='typeaheadjs'添加到$()。editable()

将所有参数移至data- *属性

将所有参数移至$()。editable()参数

但没有运气。

HTML代码:

<div style="margin: 150px">
    <a href="#" id="username">Rome</a>
</div>

JS代码:

$('#username').editable({
    mode: 'inline',
    showbuttons: false,
    type: 'text',
    url: '/post',
    pk: 1,
    title: 'Enter an Italian city',
    typeahead: {
        local: ['Rome', 'Milan', 'Venice', 'Florence']
    }
});

在这里摆弄:http://jsfiddle.net/Ggxbm/3/

即使是http://vitalets.github.io/x-editable/docs.html#typeaheadjs提供的示例对我也不起作用

我究竟做错了什么？

最佳答案

您需要包括typeahead.min.js 和typeaheadjs.js

如您所见，在这个 fiddle http://jsfiddle.net/9q7Jd/1/中添加

http://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/inputs-ext/typeaheadjs/typeaheadjs.js

正在解决此问题。

您可以在zip文件中的inputs-ext/typeaheadjs目录中找到typeaheadjs.js:
https://github.com/vitalets/x-editable/tree/master/src/inputs-ext/typeaheadjs

关于javascript - x可编辑+ bootstrap 3 + Twitter typeahead.js无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19637281/