español - El JavaScript de Bootstrap requiere jQuery versión 1.9.1 o superior, pero inferior a la versión 3
bootstrap js (7)
Actualmente Bootstrap 3.x no es compatible con jQuery 3.x como se informa aquí: https://github.com/twbs/bootstrap/issues/16834
El problema es causado por:
jQuery 3 es más estricto que jQuery 2. Es como XHTML y HTML. La compatibilidad con versiones anteriores se conserva y el código no parece un desastre. Si no me equivoco, todo lo que necesita hacer es reemplazar las funciones show () y hide () con .css (''display'', '''') o addClass (''hidden'') y arreglar un selector en alert.js (QUnit falla en esta línea porque $ (''#'') no es válido en jQuery 3)
Se reparó en la versión Bootstrap 3.3.7: https://github.com/twbs/bootstrap/issues/16834#issuecomment-225039913
Introducción
Estoy trabajando con el framework bootstrap. Actualmente estoy trabajando en "Bootstrap Tabs" (hide / show). Estoy usando bootstrap versión 3 y jquery versión 3.0.2 algo.
Problema
Mis pestañas no funcionan, a menos que cargue jquery de la versión inferior a 1.6, pero ajax hace un problema con jquery inferior a 1.6. La consola de Chrome me da este error.
bootstrap.min.js: 6 Error no detectado: JavaScript de Bootstrap requiere jQuery versión 1.9.1 o superior, pero inferior a la versión 3
Probé diferentes técnicas de recuperación pero no pude implementarlo correctamente.
Estoy atrapado aquí por 2 días, si alguien tiene alguna idea o referencia, por favor ayuda. Gracias por su tiempo.
Así que tenía la nueva versión de Bootstrap, pero por alguna razón la versión mínima seguía siendo la versión anterior que no era compatible con JQuery 3. Eliminé el Bootstrap JS minificado, luego recordé el nuevo Bootstrap.js y lo implementé y el problema desapareció.
En cuanto a mí, todo es simple. Se trata de archivos de enlaces de cola. Necesito mover enlaces como este:
<head>
<script src="js/jquery1.9.1.js"></script>
<script src="js/bootstrap.js"> </script>
</head>
Después de todo, está funcionando bien.
La última versión actual de Bootstrap (3.3.7) ahora es compatible con jQuery 3+, según el comentario del desarrollador aquí https://github.com/twbs/bootstrap/issues/16834 .
Lo que resolvió mi problema fue cargar la versión inferior de jquery antes de bootstrap.js y luego cargar la versión superior de jquery después de bootstrap.js para resolver conflictos.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="~/App_Theme/bootstrap/js/bootstrap.min.js"></script>
<script>
var $j = jQuery.noConflict();
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
var $ = jQuery.noConflict();
</script>
Si usa Bower para administrar sus paquetes javascript, para excluir jquery 3.0 debe especificar la versión de jquery como:
"jquery": "^2.2"
en tu
bower.json
.
El
bower.json
de
jquery-ui
tiene una línea siguiente:
"jquery": ">=1.6"
Por eso Bower instala la última versión de jQuery, lo que causa su problema.
Tenga en cuenta que jQuery 3.0 se lanzó a partir del 9 de junio de 2016.
Tuve el mismo problema y no tengo jquery 1.8.2 en mis páginas web. Resuelvo mi problema cambiando la versión de jquery en packages.config
cambio
<package id="AspNet.ScriptManager.jQuery" version="1.8.2" targetFramework="net45" />
<package id="jQuery" version="1.8.2" targetFramework="net45" />
a
<package id="AspNet.ScriptManager.jQuery" version="2.1.4" targetFramework="net45" />
<package id="jQuery" version="2.1.4" targetFramework="net45" />
mi versión jquery es 2.1.4