JQuery Select2 插件建议采用纯文本格式，未采用 html 格式

Question

我在 jQuery select2 (bootstrap) 插件上遇到了一个奇怪的问题。一切正常，但建议 HTML 按原样显示（纯文本）。我正在实现的代码如下：

<script>
$(document).ready(function () {
    var $ajax = $(".js-example-data-ajax");
    $ajax.select2({
        ajax: {
            url: "...",
            dataType: 'json',
            delay: 250,
            data: function (params) {
                return {
                    q: params.term, // search term
                    page: params.page
                };
            },
            processResults: function (data, params) {
                params.page = params.page || 1;
                return {
                    results: data,
                    pagination: {
                        more: (params.page * 30) < data.total_count
                    }
                };
            },
            cache: true,

        },
        minimumInputLength: 1,
        templateResult: function (repo) {
            if (repo.loading){
                return repo.text;
            }

            var markup = '<div class="col-md-12">' + repo.name + '</div>';
            return markup;
        },
        templateSelection: function (repo) {
            return repo.name || repo.text;
        }
    });
});
        </script>

响应是“姓名

Answer 1

如果您要在模板中 returning HTML，您需要 return 一个 jQuery 对象。

templateResult: function (repo) {
    if (repo.loading){
        return repo.text;
    }

    var markup = $('<div class="col-md-12">' + repo.name + '</div>');
    return markup;
},