Materialize material_select不是函数错误

Question

这是我第一次在这里提问,因为我无法找到问题的答案.我正在使用materialize并尝试使用material_select().这里是有jQuery和兑现库,以及我的主网页document.ready调用都sidenav()和material_select().Sidenav工作得很好,但却material_select()抛出了一个Uncaught TypeError.

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
<script>
$(document).ready(() => {
    $("#slide-out").sidenav();
    $("select").material_select();
});
</script>

这是我使用select的html:

<div class="row">
    <div class="input-field">
        <select name="status" id="selectedTest">
            <option value="public" selected>Public</option>
            <option value="private">Private</option>
            <option value="unpublished">Unpublished</option>
        </select>
        <label for="status">Status</label>
    </div>
</div>

这是我得到的错误:

未捕获的TypeError:$(...).material_select不是
HTMLDocument中的函数.$.ready(dashboard:80)
at mayThrow(jquery-3.2.1.js:3583)
at process(jquery-3.2.1.js: 3651)

Answer 1

如果我没有错,那应该是formSelect()而不是material_select()你正在使用的1.0.0Docs

$(document).ready(function() {
  $("#slide-out").sidenav();
  $("#selectedTest").formSelect();
});

Here is the html where I use select:

<div class="row">
  <div class="input-field">
    <select name="status" id="selectedTest">
      <option value="public" selected>Public</option>
      <option value="private">Private</option>
      <option value="unpublished">Unpublished</option>
    </select>
    <label for="status">Status</label>
  </div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">

<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>