C’est la première fois que je pose une question ici car j’ai été incapable de trouver une réponse à mon problème. J'utilise materialize et j'essaie d'utiliser material_select (). Voici ma page principale qui contient la bibliothèque jQuery et materialise, ainsi que les appels document.ready
aux deux fonctions sidenav()
et material_select()
. Sidenav fonctionne très bien, mais material_select()
émet un TypeError non capturé.
<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>
Voici le code HTML où j'utilise 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>
C'est l'erreur que j'obtiens:
Uncaught TypeError: $ (...). Material_select n'est pas une fonction
at HTMLDocument. $. ready (tableau de bord: 80)
at mightThrow (jquery-3.2.1.js: 3583)
at process (jquery-3.2.1.js: 3651)
il devrait être formSelect()
plutôt que material_select()
puisque vous utilisez 1.0.0
si je ne me trompe pas selon 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>
essayez-le fonctionne avec moi J'utilise matérialiser 1.0.0-beta
document.addEventListener('DOMContentLoaded', function() {
var elems = document.querySelectorAll('select');
var options = document.querySelectorAll('option');
var instances = M.FormSelect.init(elems, options); })