javascript - suggestion - TypeError: $(…).typeahead no es una función
typeahead suggestion (3)
Me enfrenté a un error como " TypeError: $ (...) .typeahead no es una función "
Aquí, la función typeahead no se proporciona en bootstrap en la versión actual que está utilizando.
Ahora el typeahead se elimina de la nueva versión 3.0. y ahora esto está disponible en typeahead.js.
Por lo tanto, tendrá que incluir el complemento typeahead.js en su archivo / proyecto, luego se eliminará su error. Por lo tanto, incluya su referencia a la función typeahead.
(Descargue la última versión de bootstrap3-typeahead.js o bootstrap3-typeahead.min.js. Inclúyala en su fuente después de jQuery y el JavaScript de Bootstrap).
Enlace para descargar:
https://github.com/bassjobsen/Bootstrap-3-Typeahead/blob/master/bootstrap3-typeahead.js
https://github.com/bassjobsen/Bootstrap-3-Typeahead/blob/master/bootstrap3-typeahead.min.js
Este es un código muy básico. Todavía me enfrento a un problema. Creo que me estoy perdiendo algo, como se menciona en el sitio bootstrap
"Los complementos se pueden incluir individualmente (aunque algunos tienen dependencias requeridas), o todos a la vez. Tanto bootstrap.js como bootstrap.min.js contienen todos los complementos en un solo archivo".
Así que incluí boostrap.js y aún obtengo ese error, ¿cuáles son las otras dependencias?
A continuación se muestra el código.
<!DOCTYPE html>
<html>
<head>
<title>Member</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="well">
<input type="text" class="span3" id="search" data-provide="typeahead" data-items="4" />
</div>
<script>
var subjects = [''PHP'', ''MySQL'', ''SQL'', ''PostgreSQL'', ''HTML'', ''CSS'', ''HTML5'', ''CSS3'', ''JSON''];
$(''#search'').typeahead({source: subjects})
</script>
</body>
</html>
Saludos
Aadam
si ve el mensaje de error "TypeError: $ (...) .typeahead no es una función" significa que la función typeahead no se proporciona en la versión de bootstrap que está usando. Oficialmente, el typeahead se elimina de la nueva versión 3.0. Y está disponible por separado en typeahead.js.
debe incluir el complemento typeahead.js que eliminará el error.
$(''#search'').typeahead({source: subjects})
debiera ser
$(''#search'').typeahead({local: subjects})
Y como typeahead ya no se incluye en el último paquete estándar de Bootstrap, debe descargarlo y señalarlo explícitamente. El enlace de descarga: typeahead.js
La última versión es 2015, por lo que no se ha actualizado durante algunos años.