javascript - Typeahead 不适用于标签输入

Question

我正在使用tagsinput创建可以从 typeahead 库中选择的标签。问题是预输入不会显示。我正在使用一个承诺来查看初始化是否正常工作，并且标签输入也在工作（有一些奇怪的行为）。

所以我真的不知道问题是什么。我知道这些库没有保持最新，但它们应该可以工作。

JSFIDDLE

<div class="container">
    <div class="row">
        <div class="form-group">
            <label for="tags">Tags</label>
            <form action="">
                <input type="text" id="tags" name="tags" class="form-control" data-role="tagsinput" />
            </form>
        </div>
    </div>
</div>

$(document).ready(function () {

    var cities = ["Amsterdam", "Washington", "New York"];


    var citynames = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        local: cities
    });

    var promise = citynames.initialize();
    promise
        .done(function () { console.log('ready to go!'); })
        .fail(function () { console.log('err, something went wrong :('); });

    $('#tags').tagsinput({
        typeahead: {
            name: 'citynames',
            displayKey: 'name',
            valueKey: 'name',
            source: citynames.ttAdapter()
        }
    });

});