javascript - Typeahead 不建议任何内容

Question

我有一个 html

<script type="text/javascript">
    var colors = ["red", "blue", "green", "yellow", "brown", "black"];
    $('#vahid').typeahead({source: colors});
</script>
<input type="text" id="vahid" data-provide='typeahead'>

但 typeahead 没有任何建议。我的页面没有错误！

Answer 1

您在不存在的元素上执行 typeahead 尝试

<script type="text/javascript">
    $(document).ready(function() {
        var colors = ["red", "blue", "green", "yellow", "brown", "black"];
        $('#vahid').typeahead({source: colors});
    })
</script>
<input type="text" id="vahid" data-provide='typeahead'>

现在代码将在所有 dom 元素下载后执行