当远程服务器返回更多时，typeahead.js仅显示一个选项

Question

我使用typeahead.js插件获取用于选择用户的自动填充列表。这很简单，它应该可行，但事实并非如此。

服务器返回4个对象以显示在自动完成列表中，但它只显示第一个。为什么？我想让所有这些都让用户选择。

请看一下这张图片：

我的JS代码如下：

     userName.typeahead({
        hint: false,
        highlight: true,
        minLength: 2
    },
    {
        source: new Bloodhound({
            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
            queryTokenizer: Bloodhound.tokenizers.whitespace,
            remote: {
                url: '/ajax/searchUserByName?name=%QUERY',
                wildcard: '%QUERY',
                cache: false
            }
        }),
        templates: {
            suggestion: function (user) {
                return '<p>' + user.name + '</p>';
            }
        }
    });