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'
    });
});