Bootstrap Typeahead中的数据源不能正常工作

这里很简单的问题。我在这里有这个代码。Bootstrap Typeahead中的数据源不能正常工作

<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 =新的Array（ “阿富汗”， “阿尔巴尼亚”， “阿尔及利亚”，...）;

的变量被正确加载，但整个预输入不工作。但是，如果我做的：

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

它的工作原理，但我不想这样......

来源

2012-09-18 abisson

Actualy it looks fine因此，您的问题很简单，你不能注意到。当然，这是代码不包括在这里。首先检查JS控制台是否有错误第二次检查它 – Tigra

我认为基于两种不同的方式混合初始化typahead（JS和数据*在你的榜样的问题）。这exapmle是对我工作：

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

来源

2012-09-18 16:37:25 Jju

-1

有趣的是，我得到这个工作的唯一方法是通过移除$（函数（）{}）：围绕着一切。因此：

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

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

</script>

来源

2013-12-18 11:15:52

Bootstrap Typeahead中的数据源不能正常工作

回答

相关问题