小编Shi*_*raj的帖子

Typeahead插件和Bootstrap标签输入插件Meteor无法正常工作

我们安装了'bootstrap-tagsinput.js'和'typeahead'插件,用于为我们其中一种形式的输入字段的标签做一个tyepahead下拉.硬编码标签正常工作.但是,先行部分无法正常工作.

我们有以下HTML:

<div class="form-group">
<label>Types</label><br />
<input class="form-control tags" type="text" name="type" value="Wordpress, Guitar Hero" data-role="tagsinput" />
</div>
Run Code Online (Sandbox Code Playgroud)

和以下JS:

Template.form.rendered = function() {
       // Initialise tags input
    $('.tags').tagsinput({
    typeahead: {
        source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo']
    }
    });
};
Run Code Online (Sandbox Code Playgroud)

在我们输入时,我们希望它能够拾取以下数据项并显示在前面的类型下拉列表中.但是,它只显示硬编码类型,当我们输入类似于源数据的内容时,它不会显示在下拉列表中.

javascript typeahead meteor twitter-bootstrap-3

13
推荐指数
2
解决办法
7743
查看次数