我正在使用 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
我该如何解决这个问题?
最佳答案
对于定义的选项,data-container-css-class
select2 full 是必需的。对于“普通”版本,它不支持这些功能。
要修复错误,请使用:
require('select2/dist/js/select2.full.js')($);
关于javascript - 使用 select2 时出错 Uncaught Error : No select2/compat/containerCss,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56463246/