Я не могу понять, что я делаю здесь неправильно.Я скопировал код, который у меня есть, прямо из этой кодовой ручки: https://codepen.io/jcarlos17/pen/xqYzzX, где он работает правильно.Я импортирую JQuery, и в журнале нет ошибок.Появляется строка ввода текста, я могу набрать ее, и когда я нажимаю клавишу возврата, этот текст превращается в теги, но не заполняется автоматически.
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>blah</title>
<!-- Compiled and minified CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css">
<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/animate.css') }}">
<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/style.css') }}">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
</head>
<body>
<!-- Navigation Bar --
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="#login">Login</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
------->
<!-- Page introduction box -->
<div class="chips-autocomplete"></div>
</body>
<script>
$(document).ready(function(){
$('.chips-autocomplete').material_chip({
secondaryPlaceholder: 'Ingrese síntomas',
placeholder: '+Síntoma',
autocompleteData: {
'DEBILIDAD': null,
'DIARREA': null,
'ABDOMEN AGUDO': null,
}
});
});
</script>
</html>
Я немного схожу с ума.