Select2占位符不起作用

Question

我正在尝试使用Select2多个占位符。 当我使用它时，它根本无法正常工作。

这是我的JS代码：

        $(".materialS").select2({
        placeholder: 'Material types'
    });

以及Html / Php代码：

<select class="materialS" name="material[]" multiple="multiple">
                <?php if ($materials){
                    foreach ($materials as $material) { ?>
                    <option value="<?php echo safe_class($material)?>"><?php echo $material; ?></option>
                    <?php }} ?>
                </select> 

所以我从db获得资料（更像wp）。 现在的问题是，当我单击某些选择然后将其删除时，可以看到占位符，但之前看不到。

你知道怎么了吗？

Answer 1

执行JavaScript脚本时，Dom尚未就绪。

尝试在document.ready https://learn.jquery.com/using-jquery-core/document-ready/中包含此代码

$(function() {
    $(".materialS").select2({
        placeholder: 'Material types'
    });
});