自动完成值不显示

Question

我关注此网站：https://github.com/biggora/bootstrap-ajax-typeahead

我将输入文本创建为：

<div class="col-xs-2">
    <input type="text" class="form-control typeahead" name="user" id="user" placeholder="autocomplete" />
</div>

在我的JS脚本中：

$（'＃user'）。on（“ input”，function（）{         var login = $（“＃user”）。val（）;

    $.ajax({
        type: "POST",
        async: false,
        cache: false,
        url: "/user/ajaxSearch",
        data: 'login=' + login,
        dataType: 'json',
        success: function(data) {
            var typeaheadSource = ['John', 'Alex', 'Terry'];
            $('.typeahead').typeahead(typeaheadSource);
        }
    });
});

我没有错误，但没有列表显示。我调试了代码，并调用了typeahead函数。

你有个主意吗？

谢谢

Answer 1

您没有正确调用插件。它需要一个对象作为选项，而源是其中之一。

尝试一下：

 var typeaheadSource = ['John', 'Alex', 'Terry'];
 $('.typeahead').typeahead({source: typeaheadSource});