Twitter typeahead.js asp.net 无法与 Bloodhound 一起使用

Question

我正在尝试使用 nuget 包 Twitter.Typeahead.MVC，但很难让一个简单的示例工作。我有一个简单的输入文本框：

<div id="bloodhound">
    <input class="typeahead" type="text" placeholder="States of USA">
</div>

在脚本部分我有：

<script>
    $(function () {

        var states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
          'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',
          'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',
          'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',
          'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',
          'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
          'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',
          'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
          'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'
        ];

        // constructs the suggestion engine
        var bhstates = new Bloodhound({
            datumTokenizer: Bloodhound.tokenizers.whitespace,
            queryTokenizer: Bloodhound.tokenizers.whitespace,
            // `states` is an array of state names defined in "The Basics"
            local: states
        });

        $('#bloodhound .typeahead').typeahead({
            hint: true,
            highlight: true,
            minLength: 1,
            limit: 10
        },
        {
            name: 'states',
            source: bhstates
        });
    });

</script>

我还在 _Layout.cshtml 中包含了以下渲染语句

    @Scripts.Render("~/bundles/typeahead")

应用程序运行时，会出现文本框，但在框中键入时我没有得到任何建议值。我错过了什么？

Answer 1

您没有在实例化后初始化引擎

// initialize engine
bhstates.Initialize();