在 typeahead 焦点上显示所有元素

Question

我正在寻找一个聪明的脑袋。

我正在使用 Bootstrap 的 typeahead，目前当我点击我的文本字段时，没有任何反应。

我怎样才能做到这一点，当我的预输入文本字段被点击或获得焦点时，它会显示预输入中的所有选项？因为目前我必须开始写作才能显示任何东西。如果我的列表中有很多项目，也许可以使用滚动条。

谢谢。

我使用get 来获取我的所有项目，然后这是我的代码。我在此页面上有多个自动完成功能，因此它们都有不同的 ID。

$.get('link', function (data) {
    var autocomplete = $('#typeahead-1').typeahead();
    autocomplete.data('typeahead').source = data;
    autocomplete.data('json', data);
}, 'json');

Answer 1

这样的东西对你有用吗？

<input class="typeahead" type="text" >

<script type="text/javascript">
$(document).ready(function() {

   $(".typeahead").on("click", function() {
      $(this).typeahead('open');
   });
}
</script>