Question

我正在尝试在小型测试应用程序中使用Bootstrap Tags Input（http://timschlechter.github.io/bootstrap-tagsinput/examples/）。我想使用typeahead函数，但似乎无法使它工作。在我看来，我的一切都井然有序，但我似乎无法让这种先行者工作。请注意，我在Django中使用它 - bootstrap.min.js在我的base.html文件中加载。我是jquery的新手，所以我确定我在我的剧本中搞砸了。

{% extends "base.html" %}

{% block title %}Testing{% endblock %}
{% block extra_head %}

    <link href="{{STATIC_URL}}css/snippets.css" rel="stylesheet">
    <script src="{{STATIC_URL}}js/bootstrap-tagsinput.js"></script>
    <link href="{{STATIC_URL}}css/bootstrap-tagsinput.css" rel="stylesheet">


<script>
     $('#tagtest').tagsinput({
        typeahead: {
        source: ['Amsterdam','Denver']
        }
      });
</script>
    {% endblock %}


{% block base_content %}

<input id ="tagtest" data-role="tagsinput" type="text"  value="Amsterdam,Washington"/>

{% endblock %}

任何想法都将不胜感激/ TJS

Answer 1

如果您正在使用bootstrap 3，这可能是正常的，因为已删除了typeahead。添加此typeahead js文件Link to typeahad version which works with bootstrap 3

Answer 2

对于在使用Bootstrap 2.x时努力让typeahead工作的人：如果你通过id将tagsinput附加到你的输入元素，那就像：

$('#tagtest').tagsinput({...});

然后不要在输入元素上设置 data-role =“tagsinput”。

Typesthead in Bootstrap标签输入插件无法正常工作

2 个答案: