Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示typeahead焦点上的所有元素_Javascript_Jquery_Twitter Bootstrap_Bootstrap Typeahead - Fatal编程技术网

Javascript 显示typeahead焦点上的所有元素

Javascript 显示typeahead焦点上的所有元素,javascript,jquery,twitter-bootstrap,bootstrap-typeahead,Javascript,Jquery,Twitter Bootstrap,Bootstrap Typeahead,我在找一个聪明的脑袋 我正在使用引导,当前当我单击我的文本字段时,什么也没有发生 我怎样才能做到,当我的typeahead文本字段被点击或聚焦时,它会显示typeahead中的所有选项?因为现在我必须开始写,让它展示任何东西。如果我的列表中有很多项目,可以使用滚动条 谢谢你 我使用get获取我的所有项目,然后这就是我的代码。我在这个页面上有不止一个自动完成,所以它们都有不同的id $.get('link', function (data) { var autocomplete = $('

我在找一个聪明的脑袋

我正在使用引导,当前当我单击我的文本字段时,什么也没有发生

我怎样才能做到,当我的typeahead文本字段被点击或聚焦时,它会显示typeahead中的所有选项?因为现在我必须开始写,让它展示任何东西。如果我的列表中有很多项目,可以使用滚动条

谢谢你

我使用
get
获取我的所有项目,然后这就是我的代码。我在这个页面上有不止一个自动完成,所以它们都有不同的id

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

你喜欢这个工作吗

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

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

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

$(文档).ready(函数(){
$(“.typeahead”)。在(“单击”,函数(){
$(this.typeahead('open');
});
}

能否提供一个代码示例?