jquery UI,Bootstrap 3,bootstrap-tokenfield无法使用ajax

时间:2015-12-26 13:32:41

标签: ajax jquery-ui twitter-bootstrap-3 bootstrap-tokenfield

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还有其他选项可以使用相同的功能吗? 我看到了一个可能solution,但它的链接已被破坏。 如果没有,如何解决?

0 个答案:

没有答案