Typeahead不使用tagsinput

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()
        }
    });

});