Question

这里非常直截了当的问题。我在这里有这个代码。

<script src="{{ STATIC_URL }}js/typeahead_data_countries.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $('.typeahead').typeahead({
       source: country_array
   })
});

</script>

typeahead_data_countries是：var country_array = new Array（“阿富汗”，“阿尔巴尼亚”，“阿尔及利亚”，......）;

变量正确加载，但整个预先输入不起作用。但是，如果我这样做：

<input type="text" style="margin: 0 auto;" data-provide="typeahead" data-items="4" data-source='["Afghanistan", "Albania"]'/>

它有效，但我不希望......

Answer 1

我认为你的例子中的问题基于混合两种不同的方式来初始化typeahead（js和data- *）。这个例子对我有用：

<input class="typeahead" type="text"/>
<script type="text/javascript">
     $(function(){
          $('.typeahead').typeahead({
             items:4,
             source: ['Aaaa', 'Abbb', 'Accc']
          });
     });
</script>

Answer 2

有趣的是，我完成这项工作的唯一方法是删除$（function（）{}）：包围其他所有内容。因此：

<input class="typeahead" type="text"/>
<script type="text/javascript">

    $('.typeahead').typeahead({
        items:4,
        source: ['Aaaa', 'Abbb', 'Accc']
    });

</script>

Bootstrap Typeahead中的数据源无法正常工作

2 个答案: