ajax - jquery UI、Bootstrap 3、bootstrap-tokenfield が ajax で機能しない

Question

jquery UI、Bootstrap 3、bootstrap-tokenfieldが ajax で動作しません。

以下のローカル ソースの例は次のように機能します。

$('.Subject-PreRequisites').tokenfield({

            autocomplete: {
                source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo'],
                delay: 100
            },
            showAutocompleteOnFocus: true
        });

しかし、次のような ajax 呼び出しを導入すると:

$('.Subject-PreRequisites').tokenfield({
            autocomplete: {
                source: $.get(getallsubjectsUrl, function(data) {
                        return data;
                    }, 'json'),
                delay: 100
            },
            showAutocompleteOnFocus: true
        });

タイミングの問題になるので、少し修正しました。

var sourceTokens = '';
        $.get(getallsubjectsUrl, function(data) {
            sourceTokens =  data;
        }, 'json')
        .done(function() {
            $('.token-input-dropdown').tokenfield({

                autocomplete: {
                    source: sourceTokens,
                    delay: 100
                },
                showAutocompleteOnFocus: true
            });

            });

また、正しいソースが割り当てられていても、ドロップダウンは表示されません。

ブートストラップ 3 がこれと同じ機能を持つ他のオプションはありますか? 可能な解決策を見ましたが、リンクが壊れています。そうでない場合、それを修正する方法は？