Question

截至2018年，我正在使用Materialize.css库（v 1.0.0）为我的项目添加材料组件。但是，我无法使用它初始化两个选择框。

页面上有两个选择框。

$(function() {
  $("#numPagesPaginate").formSelect();
  $("#numRatingsEdit").formSelect();
});

<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>


<select id="numRatingsEdit" name="numRatingsEdit" style="display:none">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>

但是，当我使用此方法初始化两个选择框时，只有第一个起作用。

此外，如果我在其他地方的脚本标签中初始化第二个选择框，则该框将被初始化并可以使用，但是会有一个重复的选择框。

编辑：要添加此问题，我想告诉您我已经阅读了文档和默认方法。但是，没有结果。

Answer 1

您应该follow documentation并用一行进行全局初始化：

$('select').formSelect();

Answer 2

就像塞尔格所说的那样，您应该正确遵循documentation。

gedmo/doctrine-extensions

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

2 个答案: