Question

我正在尝试使用jQuery.select2插件。它是用Backbone.js和RequireJS编写的Form的一部分。我正在编写它的查询/搜索功能，但我遇到了一些我找不到的解析错误。

View的代码是：

define([
    'backbone',
    'jquery.select2'
],
function(Backbone, Select2) {

    var notificationSelector = Backbone.View.extend({

        notifications: undefined,

        // events:
        // {
        //  // type letter into box EVENT --> filter populated email list 
        // },

        initialize: function(attrs) {
            this.collection.on('add remove reset', this.render(), this);
            /* select2 Event s.t. call "select2ContactsChanged" ? */

        },

        /*
            <><><><><><><><>
            Getting a syntax / parseerror in the AJAX call below?
            What am I missing?
        */

        render: function() {
            /* DEVELOPMENT SETUP */
                // plucking by "caption" will need to be changed...
            if(this.select2Control == undefined) 
            {
                // Do Search() + query here
                // this.select2Control = this.$el.val(this.collection.pluck('caption').join(' ')).select2({
                this.select2Control = this.$el.select2({
                    width: '200px',
                    placeholder: '@email',
                    tags: [],
                    minimumInputLength: 3,

                    query: function() {
                        $.ajax({
                            url: "/notifications/search",
                            dataType: 'json',
                            type: 'GET',
                            //data: {  }, 

                            success: function(data) {
                                /* DEBUG */
                                console.log('AJAX Success!');
                                console.log(data);
                            },

                            error: function(jqXHR, status, error) {
                                    /* DEBUG */
                                console.log('<Failure>');
                                console.log(jqXHR);
                                console.log('-------------------------');
                                console.log(status);
                                console.log('-------------------------');
                                console.log(error);
                            }

                        });
                    }   // END-OF query: function()
                });
            }
            else
            {
                // Go off of what's currently in the Collection and re-render

            }

            // this.$el.select2('data', this.model);
        },

        select2ContactsChanged: function() {
            // when this gets called update this.collection to reflect the this.select2Control's val()

            this.collection.reset(this.select2Control.val().split(' '));
        }

    });

    return notificationSelector;
});

错误回调告诉我有一个parseerror /语法错误（我正在使用Chrome的Web Inspector的网络部分），但我似乎无法找到它。任何人都可以看到我错过了什么，或者为什么我可能会收到这个错误？

谢谢你的时间！

Answer 1

任何时候使用jQuery插件都需要使用jQuery。还需要确保您的RequireJS配置正确。最好将插件写成模块。

在你的情况下你还需要包含来自jQuery的依赖，而不需要将插件映射到参数，因为它是jQuery插件。你只需要使用它。 Depenedency数组只是确保它将被加载。

define([
    'backbone',
    'jquery',
    'jquery.select2'
],
function(Backbone, $) {
    // ...
    $('#element').select2();
});

我最近blogged about RequireJS它解释了你应该如何处理jQuery插件。

我怀疑你得到的错误是jQuery试图解析你发回的JSON。确保JSON格式有效。您可以使用http://jsonlint.com/

对其进行验证

Select2查询搜索抛出语法错误

1 个答案: