Problema con modals (Bootstrap) Estoy teniendo un problema con los modals que provee Bootstrap, hace un mes prácticamente que no tocaba el código de mi proyecto y por ende decidí retomarlo actualizando a la nueva versión de Boostrap y también renovando los jQuery. Nunca me llevé muy bien con esto último y yo creo que acá radica el problema. Anteriormente me funcionaban perfecto los modals, abrían bien, cerraban, todo a la perfección. Al principio tuve un error, no se auto-iniciaba el carousel de Bootstrap ni tampoco me funcionaba un script con JS, así que no recuerdo bien que toqué (porque llevo un par de horas analizando este tema), creo que actualicé la versión de jQuery y ésto se solucionó, pero ahora, estoy teniendo, como bien decía, el problema de los modals.
El problema es que, al hacer click en el botón que abre un modal la página se refresca (como si daría F5) y no muestra el contenido que hay en él. En donde uso los modals tengo justo campos de un formulario con required, por lo que si clickeo el botón para abrir el modal me obliga primero a llenar los campos, después, una vez que hago eso, lo clickeo y se refresca la página.
Estoy segurísimo que algo está mal en el orden que cargo los .css y .js o no sé bien. Antes tenía algo similar a esto en el footer pero no recuerdo qué, lo borré (mal de mi parte).
Inicio de la web
Código:
Footer (acá únicamente tengo el tiempo de intervalo para el carousel Bootstrap que ya funciona) <!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.css">
<link href="css/slider.css" rel="stylesheet">
<link href="css/lrp.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Lato:400,700,300,400italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/font-awesome.css">
<link href="css/jquery.modal.css" type="text/css" rel="stylesheet" />
<link href="css/jquery.modal.theme-xenon.css" type="text/css" rel="stylesheet" />
<link href="css/jquery.modal.theme-atlant.css" type="text/css" rel="stylesheet" />
<!-- jQuery -->
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-confirmation.js"></script>
<script src="js/npm.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script type="text/javascript" src="js/jquery.modal.js"></script>
<script type="text/javascript">
Código:
De ser necesario que brinde el código por favor avisarme, sin embargo dudo muchísimo que sea esto ya que como mencioné, el código de los modals no fue tocado y anteriormente funcionaba perfecto, lo único que toqué fue el principio de la web y el footer. <script>
$('.carousel').carousel({
interval: 5000
})
</script>
Gracias.
