html - Select2 的行为与未为 Select2 定义的 Uncaught 查询函数非常不同

Question

我按以下方式加载 select2 的值。

声明类型

var  AdjustmentType = Backbone.Model.extend({
            url : Hexgen.getContextPath("/referencedata/adjustmenttype")
    });

为类型创建实例

var adjustmentTypes = new AdjustmentType();

将值加载到 select2 框

adjustmentTypes.fetch({
                    success : function() {
                        for(var count in adjustmentTypes.attributes) {
                            $("#adjustment-type").append("<option>" + adjustmentTypes.attributes[count] + "</option>");
                        }
                    }
                });  
                $("#adjustment-type").select2({
                     placeholder: "Select Adjustment Type",
                     allowClear: true
                 });

我的 HTML 代码

<div class="span4">
        <div>ADJUSTMENT TYPE</div>
        <select id="adjustment-type" tabindex="5" style="width:200px;">
            <option value=""></option>
        </select>
    </div>

当我第一次加载它时，它没有给出任何异常，但是如果我Refresh 或导航到不同的 URL，我会得到以下异常:

Uncaught query function not defined for Select2 adjustment-type

Answer 1

“查询”是指用来检查您的搜索词的列表。您需要确保您的 data 属性是正确的对象数组(即您的选项元素)。