JQuery UI, Bootstrap 3, Bootstrap-Tokenfield не работает с AJAX
Пользовательский интерфейс jquery, Bootstrap 3 и http://sliptree.github.io/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, чтобы иметь такую же функциональность? Я видел возможное решение, но ссылка не работает. Если нет, как это исправить?