Ошибка при использовании select2 Uncaught Error: Нет select2 / compat / containerCss

Question

Я использую Node.js для связывания своих файлов и использую Select2 как require() в моем основном JS.

У меня также есть следующий код:

    <select class="form-control " 
            data-container-css-class="form-control-dropdown" 
            name="quick_pop_quiz[title]" 
            id="quick_pop_quiz-title" 
            data-form-dropdown-handler>

    <optgroup label="">
        <option value="1">
            Herr </option>
        <option value="2">
            Frau </option>
    </optgroup>

    <optgroup label="----------------">
        <option value="3">
            Herr Dr. </option>
        <option value="4">
            Herr Prof. </option>
        <option value="5">
            Herr Prof. Dr. </option>
    </optgroup>

    <optgroup label="---------------">
        <option value="6">
            Frau Dr. </option>
        <option value="7">
            Frau Prof. </option>
        <option value="8">
            Frau Prof. Dr. </option>
    </optgroup>
</select>  

и javascript:

var $ = require('jquery);
require('select2')($);
var items = $('.selectorforselect2').filter(':not([class^="select2"])'); 
if(items.length > 0) {
    $(items).select2();
}

Uncaught Ошибка: нет select2 / compat / containerCss

Как это исправить?

Answer 1

Для определенных опций требуется data-container-css-class select2 full. В «нормальной» версии он не поддерживает эти функции.

Для исправления ошибки используйте:

require('select2/dist/js/select2.full.js')($);