Estoy intentando importar una librería de css
y js
que se llama MD Bootstrap, ya que me llamó mucho la atención algunos diseños que manejan y en especifico necesito uno que es para un select multiple
pero copio tal cuál el código e importo las librerías y no me funciona, me salta un error de tipo
TypeError: $(...)materialSelect is not a function
Pero se supone que el método es propio de la librería, sí alguien me puede ayudar, se lo agradezco.
Dejo el HTML
donde lo importo
<head>
<meta charset="UTF-8">
<meta id="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link REL=StyleSheet HREF="\Jomar\users_control\config\estilos.css" TYPE="text/css" MEDIA=screen>
<link rel="shortcut icon" href="/Jomar/users_control/images/favicon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.9/css/mdb.min.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.9/js/mdb.min.js"></script>
<title>Realizar registro</title>
</head>
Aquí muestran cómo importarlo
Y aquí hago el select multiple
que ofrecen ellos
HTML
<select class="mdb-select md-form" multiple searchable="Search here..">
<option value="" disabled selected>Choose your country</option>
<option value="1">USA</option>
<option value="2">Germany</option>
<option value="3">France</option>
<option value="3">Poland</option>
<option value="3">Japan</option>
</select>
JQuery
$(document).ready(function() {
$('.mdb-select').materialSelect();
});
Y esta es la demo que ofrecen ellos
body