Materialize.css selectbox呈现重复的选择框

从2018年起，我正在使用Materialize.css库（v1.0.0）为我的项目添加材质组件。但是，我无法用它初始化两个选择框

我的页面中有两个选择框

$（函数（）{
$（“#numPagesPaginate”）.formSelect（）；
$（“#numRatingsEdit”）.formSelect（）；
});

1.
2.
3.
4.
1.
2.
3.
4.
您应该使用一行进行全局初始化和初始化：

$('select').formSelect();

正如塞格所说，你应该正确地遵循规则

<div class="container">
    <div class="row">
        <div class="col s6">
            <label>Num Pages Paginate</label>
            <select id="numPagesPaginate" name="numPagesPaginate" data-ng-model="bkCtrl.page.pageSize">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select>
        </div>
        <div class="col s6">
            <label>Num Ratings Edit</label>
            <select id="numRatingsEdit" name="numRatingsEdit">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </select>
        </div>
    </div>
</div>
<script>
    $(document).ready(function () {
        $('select').formSelect();
    });
</script>


分页页数
1.
2.
3.
4.
数字评级编辑
1.
2.
3.
4.
$（文档）.ready（函数（）{
$（'select'）.formSelect（）；
});
我已经彻底阅读了文档，并将上述方法作为第一种方法。然而，这个问题仍然存在。