Selectize.js-停止事件item_add

removeItemClass是从内部开除的selectize.js。在这里，我们检查，如果最后.item text没有在现有元素匹配items array比background-image这是一个gradient设置为none和我们的item-background类应用

JSFiddle

JS：

 var items = [
        { id: 1, item: 'Spectrometer' },
        { id: 2, item: 'Star Chart' },
        { id: 3, item: 'Electrical Tape' }
        ];

            var $select = $('#engagement_question').selectize({
                persist: false,
                maxItems: 3,
                options: items,
                labelField: "item",
                valueField: "item",
                sortField: 'item',
                searchField: 'item',
                create: true,
                render: {
                    option_create: function (data, escape) {
                        return '<div class="create">Nytt inlegg<strong> ' + escape(data.input) + '</strong>&hellip;</div>';
                    }
                },
            });
            var addItemClass = function () {
                console.log('entered1');
                var input = $.map(items, function (element, index) {
                    if (element.item == $('.item:last').text())
                        return element;
                    else
                        return null;
                });
                if (input.length == 0)
                {
                    $('.item:last').css('background-image', 'none');
                }
                $('.item:last').addClass("item-background");

            };

            var removeItemClass = function () {
                console.log('entered2');
                $('.item:last').removeClass("item-background");
                //$('.item').css('background-image', 'none');
            };

            var selectize = $select[0].selectize;
            selectize.on('item_add', addItemClass);
            selectize.on('option_add', removeItemClass);

的CSS

.item-background {
            background-color:#000!important;
        }

的HTML

<select id="engagement_question" multiple>

</select>