Javascript 多个文本字段的typeahead处理程序未执行AJAX调用？

在我提问之前，我将陈述我正在使用的一些工具：

• jquery-1.11.0.js
• 引导程序v3.1.1

我的typeahead功能非常好，只有一个文本字段。但是，当我添加另一个文本字段并尝试将typehead处理程序连接到第二个字段时，第二个字段无法执行AJAX调用，我正在竭尽全力试图找出问题所在

HTML代码：

<div id = "tester" class="well">
<input id = "test" class="typeahead" type="text" placeholder="Search" data-provide="typeahead" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
</div>

<div id = "tester2" class="well">
<input id = "test2" class="typeahead" type="text" placeholder="Search" data-provide="typeahead" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
</div>

Javascript:

<script src="assets/js/jquery-1.11.0.js"></script>
<script src="assets/js/bootstrap.js"></script>

<script>

$(function(){
$('.typeahead').typeahead({
    source: function(typeahead, query){
        $.ajax({
            url: 'my_controller',
            type: 'POST',
            data: 'query=' + query,
            dataType: 'JSON',
            async: true,
            success: function(data){
                typeahead.process(data);
            }

        });
    }
});
});

</script>

$（函数（）{
$（'.typeahead'）。typeahead({
来源：函数（提前输入，查询）{
$.ajax({
url:“我的控制器”，
键入：“POST”，
数据：“查询=”+query，
数据类型：“JSON”，
async:true，
成功：功能（数据）{
进程（数据）；
}
});
}
});
});

AJAX调用甚至无法使用第二个typeahead执行，因为第一个typeahead可以正常工作。我不知道我错过了什么。我甚至按类名选择输入

我将非常感谢任何帮助或指导

下面是一个JSFIDLE：

谢谢。

您的“修改引导typeahead.js”库使用的是

$.browser

，它自1.9版以来就不在jQuery中。要保留它，您可以添加

---

我刚刚将库添加到您的小提琴中，它似乎起了作用：

当您再次调用typeahead时，控制台中是否有任何错误。嘿，谢谢您的评论。不，控制台中没有错误。能否创建一个JSFIDLE，

$（'.typeahad'）

应该是

$（'.typeahead'）

否？@dreamweiver我以前从未使用过，但现在我将尝试创建一个。非常感谢！工作起来很有魅力。