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
});
});
即使分配了正确的源,也不会显示下拉列表。
bootstrap 3 是否有其他选项具有相同的功能?我看到了一个可能的解决方案,但它的链接已损坏。如果没有,如何解决?