Jquery 引导标记中的Typeahead输入插件不工作

我试图在一个小的测试应用程序中使用Bootstrap标记Input（）。我想使用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 %}

{%extends“base.html”%}
{%block title%}测试{%endblock%}
{%block extra_head%}
$（'#tagtest'）。tagsinput({
提前打印：{
资料来源：[“阿姆斯特丹”、“丹佛”]
}
});
{%endblock%}
{%block base_content%}
{%endblock%}

如有任何想法，将不胜感激/

---

TJS

如果您使用的是bootstrap 3，这可能是正常的，因为typeahead已被删除。

---

添加此typeahead js文件

如果您使用的是bootstrap 3，这可能是正常的，因为typeahead已被删除。

---

为在使用Bootstrap 2.x时努力使typeahead工作的任何人添加此typeahead js文件：如果您通过其id将tagsinput附加到输入元素，如：

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

---

然后不要在输入元素上设置一个数据角色=“tagsinput”。

对于那些在使用Bootstrap 2时难以提前输入的人。x：如果您通过id将tagsinput附加到输入元素上，如：

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

---

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

您能告诉我们，如果有任何错误吗？您使用哪个版本的引导和引导标记？没有报告任何错误，只是缺少前面的类型。输入被正确格式化为标记，看起来很不错，但没有任何建议。对于Bootstrap，我使用的是2.32版本，对于Bootstrap标签，我在代码中没有看到版本，但是我使用了我最初文章中链接中的下载。我没有使用为Bootstrap V3发布的版本，事实上我能够找到它。我正在把剧本放在页首。我把它放在输入的正下方，它可以根据需要工作。我对Jquery的了解还不够，无法理解为什么-但我会在这里接受它，然后回头阅读原因。我认为您应该用包装您的内联脚本，并且head版本也应该可以工作。您能告诉我们，如果有任何错误吗？以及您使用的引导和引导标记的版本吗？没有报告错误，这只是因为前面缺少字体。输入被正确格式化为标记，看起来很不错，但没有任何建议。对于Bootstrap，我使用的是2.32版本，对于Bootstrap标签，我在代码中没有看到版本，但是我使用了我最初文章中链接中的下载。我没有使用为Bootstrap V3发布的版本，事实上我能够找到它。我正在把剧本放在页首。我把它放在输入的正下方，它可以根据需要工作。我对Jquery的了解还不够，无法理解为什么——但我将在这一点上接受它，然后回头阅读为什么。我认为您应该用Jquery包装您的内联脚本，并且head版本也应该可以工作。