Javascript 必须在自动完成建议上单击两次才能填充到文本字段

我可以使用typeahead.js填充所有必需的建议 问题是我必须双击自动完成建议，以便将其填充到文本字段中。我似乎不明白为什么一次点击就不起作用

使用猎犬初始化typeahead：

       var titlesOnlyHound = new Bloodhound({
            datumTokenizer: Bloodhound.tokenizers.whitespace,
            queryTokenizer: Bloodhound.tokenizers.whitespace,
            local: titlesOnly
        });
       $('#titles').typeahead({
            hint: true,
            highlight: true, /* Enable substring highlighting */
            minLength: 1  /*Specify minimum characters required for showing suggestions */

        },
        {
            name: 'titlesOnly',
            source: titlesOnlyHound,
            limit: 5,
            templates: {
                empty: [
                    '<div class="empty-message">No matching ideas found!</div>'
                ]
            }
        });

var titlesOnlyHound=新猎犬({
datumTokenizer:Bloodhound.tokenizers.whitespace，
queryTokenizer:猎犬，标记，空白，
本地：仅限标题
});
$（“#标题”）。请提前键入({
提示：没错，
highlight:true，/*启用子字符串高亮显示*/
minLength:1/*指定显示建议所需的最小字符数*/
},
{
名称：“仅标题”，
资料来源：TitleOnlyHound，
限额：5，
模板：{
空的：[
“没有找到匹配的想法！”
]
}
});

这是我的HTML：

<div class="form-group" id="bloodhound">
 <label for="autocomplete-input">Email address</label>
 <input type="text" class="form-control typeahead" id="titles" autocomplete="off">
</div>

电子邮件地址

检查文档可能有用：或检查文档可能有用：或