选择2加载远程数据未填充

Question

我已经看到了几个有关此问题的问题，但我仍然无法让我的代码工作，这让我发疯。我使用以下JS代码：

<script type="text/javascript">
    $(document).ready(function () {
            $("#e2").select2({
                minimumInputLength: 1,
                ajax: {
                    url: "http://myjsonexample.com/json/",
                    dataType: 'json',
                    data: function( term, page){
                        return {
                            q: term
                        };
                    },
                    results: function (data, page) {
                        return { results: data};
                    }
                },
            });
        });
</script>

<input type="hidden" id="e2" style="width:300px" />

http://myjsonexample.com/json/返回静态JSON（设置为mime-type application / json）：

{
        results: [
            {id:1, text:'Result 1'},
            {id:2, text:'Result 2'},
            {id:3, text:'Result 3'}
        ],
        more: false
}

我试图让整件事情尽可能基本。我可以在输入时看到文件被返回 - 但是下拉列表没有填充。有什么想法吗？