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>

响应是＆＃34;＆lt; div class =＆＃34; col-md-12＆＃34;＆gt; Name＆lt; / div＆gt; ＆＃34; 我在JQuery 1.11.3上使用版本Select2 4.0.1

Answer 1

如果要在模板中返回HTML，则需要返回一个jQuery对象。

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

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

JQuery Select2插件建议用纯文本而不是html格式化

1 个答案: