javascript - 使用 select2 时出错 Uncaught Error : No select2/compat/containerCss

Question

我正在使用 Node.js 来捆绑我的文件，并在我的主 JS 中使用 Select2 作为 require()。

我还有以下代码:

    <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 Error: No select2/compat/containerCss

我该如何解决这个问题？

Answer 1

对于定义的选项，data-container-css-class select2 full 是必需的。对于“普通”版本，它不支持这些功能。

要修复错误，请使用:

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