jQuery select2：自动完成在标签设计中不起作用

Question

我使用select2（v + 4）插件并使用此代码从json文件获取数据并使用标记设计/方法显示：

JS代码：

$(".tags-select").select2({
  // enable tagging
  tags: true,

  // max tags is 3
  maximumSelectionLength: 3,

  // loading remote data
  // see https://select2.github.io/options.html#ajax
  ajax: {
    url: "https://api.myjson.com/bins/444cr",
    processResults: function (data, page) {
      return {
        results: data
      };
    }
  }
});

HTML：

<select class="tags-select form-control" multiple="multiple" style="width: 200px;">
  <option value="tag1" selected="selected">tag1</option>
  <option value="tag2" selected="selected">tag2</option>
</select>

在行动中，自动完成对我不起作用!!

原始页面中的

DEMO

DEMO我的代码

如何解决这个问题？！