jquery - 指定 Select2 数据时出错

Question

我正在指定 Select2 的数据使用外部数组下拉，但它不断给出以下错误。我正在使用最新的Select2 v4.0.3所以我不知道问题出在哪里。任何帮助表示赞赏。下面给出相关代码。请注意，我尝试使用 <input>元素和代码按预期工作。

select2.min.js:21 Uncaught Error: Option 'data' is not allowed for Select2 when attached to a <select> element.
    at String.<anonymous> (select2.min.js:21)
    at Function.each (jquery-1.11.2.js:384)
    at d.prepareOpts (select2.min.js:21)
    at d.prepareOpts (select2.min.js:22)
    at d.init (select2.min.js:21)
    at HTMLSelectElement.<anonymous> (select2.min.js:22)
    at Function.each (jquery-1.11.2.js:384)
    at jQuery.fn.init.each (jquery-1.11.2.js:136)
    at jQuery.fn.init.a.fn.select2 (select2.min.js:22)
    at HTMLDocument.<anonymous> (bio?id=3&action=display:773)

这是代码。

HTML

<select id="dropdown" multiple="multiple" style="width:350px;" tabindex="2"></select>

JQuery

var arr = [{id:0, text: "red"}, {id:1, text: "blue"}]; 

$("#dropdown").select2({
        data: arr
})

就安装而言，我所做的就是将以下文件复制到我的 js文件夹并包含此行 <script src="js/select2.min.js"></script>在我的 html 中。

select2.js
select2.min.js
select2.full.js
select2.full.min.js

Answer 1

好的，我发现了错误。我已经包含了之前 Select2 版本(低于 v4.0)的 select2.min.js 文件，并且该文件覆盖了较新的版本。当我删除它并保留较新的版本时，一切正常。