Je teste la saisie semi-automatique, mais se matérialisent cela ne fonctionne pas pour une raison quelconque.Materialise autocomplete ne fonctionne pas
voici mon code:
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<title>Stamboom</title>
<link rel="stylesheet" href="css/materialize.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script type="text/javascript" src="js/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<div class="input-field">
<input class="purple darken-4" id="autocomplete-input" class="autocomplete" type="search">
<label for="autocomplete-input"><i class="material-icons">search</i></label>
<i class="material-icons">close</i>
</div>
<script>
$(document).ready(function(){
$('input.autocomplete').autocomplete({
data: {
"Apple": null,
"Microsoft": null,
"Google": 'http://placehold.it/250x250'
}
});
});
</script>
Je l'ai testé cela avec une autre forme et pour quelque raison que cela ne fonctionne quand j'essaie ceci:
<div class="row">
<div class="col s12">
<div class="row">
<div class="input-field col s12">
<i class="material-icons prefix">textsms</i>
<input type="text" id="autocomplete-input" class="autocomplete">
<label for="autocomplete-input">Autocomplete</label>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$('input.autocomplete').autocomplete({
data: {
"Apple": null,
"Microsoft": null,
"Google": 'http://placehold.it/250x250'
}
});
});
</script>
J'ai essayé plusieurs choses et une raison quelconque, ça ne marche pas.
Vous pouvez trouver une réponse à l'aide de saisie semi-automatique http://stackoverflow.com/a/43133503/3295819 – Bharathiraja