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