webentwicklung-frage-antwort-db.com.de

Materialise material_select ist kein Funktionsfehler

Dies ist das erste Mal, dass ich hier eine Frage gestellt habe, da ich keine Antwort auf meine Frage finden konnte. Ich verwende materialise und versuche material_select () zu verwenden. Hier ist meine Hauptseite mit der jQuery- und Materialize-Bibliothek sowie document.ready-Aufrufen von sidenav() und material_select() Sidenav funktioniert gut, aber material_select() wirft einen nicht erfassten 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>

Hier ist das HTML, in dem ich select verwende:

<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>

Dies ist der Fehler, den ich erhalte:

Nicht abgerufener TypeError: $ (...). Material_select ist keine Funktion
bei HTMLDocument. $. ready (Dashboard: 80)
bei mightThrow (jquery-3.2.1.js: 3583)
at process (jquery-3.2.1.js: 3651)

3
KaneJM

es sollte formSelect() sein, anstatt material_select(), da Sie 1.0.0 verwenden, wenn ich mich nicht irre nach Docs

$(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>
8

probiere es arbeitet mit mir .__

document.addEventListener('DOMContentLoaded', function() {
   var elems = document.querySelectorAll('select');
   var options = document.querySelectorAll('option');
   var instances = M.FormSelect.init(elems, options); })
1